@redvars/peacock 3.1.0 → 3.1.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/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.css.js +3 -3
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.css.js.map +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.d.ts +16 -3
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js +16 -3
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js.map +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.d.ts +3 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js +10 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.d.ts +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js +34 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.d.ts +23 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js +54 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/index.d.ts +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/index.js +2 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/index.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.d.ts +3 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js +10 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.d.ts +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js +12 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.d.ts +27 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js +58 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.d.ts +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js +2 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.d.ts +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js +58 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.d.ts +28 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js +68 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.d.ts +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js +2 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.d.ts +15 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js +10 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js.map +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.d.ts +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js +4 -4
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js.map +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.d.ts +5 -2
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js +5 -2
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js.map +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/index.d.ts +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/index.js +2 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/index.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/link.css.d.ts +2 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/link.css.js +36 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/link.css.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/link.d.ts +12 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/link.js +18 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/link/link.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js +41 -2
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js.map +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/styleMixins.css.d.ts +9 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/styleMixins.css.js +46 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/styleMixins.css.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/text/text.css.d.ts +2 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/text/text.css.js +70 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/text/text.css.js.map +1 -0
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.d.ts +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js +32 -7
- package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js.map +1 -1
- package/.rollup.cache/E/git/redvars/peacock/components/dist/tsconfig.tsbuildinfo +1 -1
- package/bin/typedoc-gen.mjs +64 -0
- package/custom-elements-manifest.config.mjs +8 -21
- package/demo/index.html +21 -9
- package/demo/int.html +2 -0
- package/dist/assets/styles/tokens.css +8 -1
- package/dist/{component/avatar.js → avatar.js} +23 -13
- package/dist/avatar.js.map +1 -0
- package/dist/badge.js +89 -0
- package/dist/badge.js.map +1 -0
- package/dist/class-map-DpvLRi0h.js +11 -0
- package/dist/class-map-DpvLRi0h.js.map +1 -0
- package/dist/clock.js +70 -0
- package/dist/clock.js.map +1 -0
- package/dist/custom-elements-jsdocs.json +656 -0
- package/dist/directive-BKuZRRPO.js +9 -0
- package/dist/directive-BKuZRRPO.js.map +1 -0
- package/dist/divider.js +123 -0
- package/dist/divider.js.map +1 -0
- package/dist/{component/Icon.js → icon.js} +15 -9
- package/dist/icon.js.map +1 -0
- package/dist/index.js +11 -88
- package/dist/index.js.map +1 -1
- package/dist/peacock-loader.js +141 -3
- package/dist/peacock-loader.js.map +1 -1
- package/dist/property-D4Kn9TsY.js +63 -0
- package/dist/property-D4Kn9TsY.js.map +1 -0
- package/dist/src/avatar/avatar.d.ts +16 -3
- package/dist/src/avatar/p-avatar.d.ts +3 -0
- package/dist/src/badge/badge.css.d.ts +1 -0
- package/dist/src/badge/badge.d.ts +23 -0
- package/dist/src/badge/index.d.ts +1 -0
- package/dist/src/badge/p-badge.d.ts +3 -0
- package/dist/src/clock/clock.css.d.ts +1 -0
- package/dist/src/clock/clock.d.ts +27 -0
- package/dist/src/clock/index.d.ts +1 -0
- package/dist/src/divider/divider.css.d.ts +1 -0
- package/dist/src/divider/divider.d.ts +28 -0
- package/dist/src/divider/index.d.ts +1 -0
- package/dist/src/icon/icon.d.ts +15 -1
- package/dist/src/icon/p-icon.d.ts +1 -1
- package/dist/src/index.d.ts +5 -2
- package/dist/src/link/link.css.d.ts +2 -0
- package/dist/src/styleMixins.css.d.ts +9 -0
- package/dist/src/text/text.css.d.ts +2 -0
- package/dist/src/utils.d.ts +1 -1
- package/dist/state-CxzmLNIi.js +10 -0
- package/dist/state-CxzmLNIi.js.map +1 -0
- package/dist/styleMixins.css-CivfMYtB.js +17 -0
- package/dist/styleMixins.css-CivfMYtB.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/{src/utils.js → utils-_5no4mk7.js} +37 -10
- package/dist/utils-_5no4mk7.js.map +1 -0
- package/package.json +17 -9
- package/readme.md +178 -0
- package/rollup.config.js +72 -34
- package/scratch.mjs +0 -0
- package/src/avatar/avatar.css.ts +3 -3
- package/src/avatar/avatar.ts +16 -3
- package/src/avatar/demo/index.html +2 -2
- package/src/avatar/p-avatar.ts +5 -0
- package/src/badge/badge.css.ts +34 -0
- package/src/badge/badge.ts +51 -0
- package/src/badge/demo/index.html +62 -0
- package/src/badge/index.ts +1 -0
- package/src/badge/p-badge.ts +5 -0
- package/src/clock/clock.css.ts +12 -0
- package/src/clock/clock.ts +57 -0
- package/src/clock/demo/index.html +26 -0
- package/src/clock/index.ts +1 -0
- package/src/divider/demo/index.html +58 -0
- package/src/divider/divider.css.ts +58 -0
- package/src/divider/divider.ts +65 -0
- package/src/divider/index.ts +1 -0
- package/src/icon/demo/index.html +4 -4
- package/src/icon/icon.ts +16 -2
- package/src/icon/p-icon.ts +1 -1
- package/src/index.ts +5 -2
- package/src/link/link.css.ts +36 -0
- package/src/peacock-loader.ts +49 -2
- package/src/styleMixins.css.ts +55 -0
- package/src/styles.d.ts +11 -0
- package/src/text/text.css.ts +76 -0
- package/src/utils.ts +42 -7
- package/tsconfig.json +1 -1
- package/README.md +0 -46
- package/custom-elements.md +0 -268
- package/demo/tokens.css +0 -510
- package/dist/component/Icon.js.map +0 -1
- package/dist/component/avatar.js.map +0 -1
- package/dist/icon-1wpxQtrZ.js +0 -341
- package/dist/icon-1wpxQtrZ.js.map +0 -1
- package/dist/src/LoaderUtils.js +0 -81
- package/dist/src/LoaderUtils.js.map +0 -1
- package/dist/src/avatar/avatar.css.js +0 -41
- package/dist/src/avatar/avatar.css.js.map +0 -1
- package/dist/src/avatar/avatar.js +0 -49
- package/dist/src/avatar/avatar.js.map +0 -1
- package/dist/src/avatar/index.js +0 -2
- package/dist/src/avatar/index.js.map +0 -1
- package/dist/src/icon/datasource.js +0 -20
- package/dist/src/icon/datasource.js.map +0 -1
- package/dist/src/icon/icon.css.js +0 -22
- package/dist/src/icon/icon.css.js.map +0 -1
- package/dist/src/icon/icon.js +0 -124
- package/dist/src/icon/icon.js.map +0 -1
- package/dist/src/icon/index.js +0 -2
- package/dist/src/icon/index.js.map +0 -1
- package/dist/src/icon/p-icon.js +0 -15
- package/dist/src/icon/p-icon.js.map +0 -1
- package/dist/src/index.js +0 -3
- package/dist/src/index.js.map +0 -1
- package/dist/src/peacock-loader.js +0 -16
- package/dist/src/peacock-loader.js.map +0 -1
- package/dist/src/utils.js.map +0 -1
- package/dist/test/icon.test.js +0 -14
- package/dist/test/icon.test.js.map +0 -1
- package/dist/utils-CSwoJIcG.js +0 -171
- package/dist/utils-CSwoJIcG.js.map +0 -1
- package/readme-gen.mjs +0 -11
|
@@ -6,15 +6,24 @@ import { fetchIcon, fetchSVG } from './datasource.js';
|
|
|
6
6
|
import { sanitizeSvg } from '../utils.js';
|
|
7
7
|
import { styles } from './icon.css.js';
|
|
8
8
|
/**
|
|
9
|
+
* @label Icon
|
|
10
|
+
* @tag p-icon
|
|
11
|
+
* @rawTag icon
|
|
9
12
|
* @summary Icons are visual symbols used to represent ideas, objects, or actions.
|
|
13
|
+
* @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.
|
|
10
14
|
*
|
|
11
15
|
* @cssprop --icon-color - Controls the color of the icon.
|
|
12
16
|
* @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```html
|
|
20
|
+
* <p-icon name="home"></p-icon>
|
|
21
|
+
* ```
|
|
22
|
+
*
|
|
13
23
|
*/
|
|
14
24
|
export class Icon extends LitElement {
|
|
15
25
|
constructor() {
|
|
16
26
|
super(...arguments);
|
|
17
|
-
this.name = 'home';
|
|
18
27
|
this.provider = 'material-symbols';
|
|
19
28
|
this.svgContent = '';
|
|
20
29
|
// loading + error states for consumers/tests
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { fetchIcon, fetchSVG } from './datasource.js';\nimport { sanitizeSvg } from '../utils.js';\nimport { styles } from './icon.css.js';\n\n/**\n * @label Icon\n * @tag p-icon\n * @rawTag icon\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\n *\n * @example\n * ```html\n * <p-icon name=\"home\"></p-icon>\n * ```\n *\n */\nexport class Icon extends LitElement {\n static styles = [styles];\n\n /**\n * The identifier for the icon.\n * This name corresponds to a specific SVG asset in the icon set.\n */\n @property({ type: String, reflect: true }) name?: string;\n\n @property({ type: String, reflect: true }) src?: string;\n\n @property({ type: String }) provider: 'material-symbols' | 'carbon' =\n 'material-symbols';\n\n @state()\n private svgContent: string = '';\n\n // loading + error states for consumers/tests\n @state()\n private loading: boolean = false;\n\n @state()\n private error: Error | null = null;\n\n // token to avoid race conditions when multiple fetches overlap\n private _fetchId = 0;\n\n // optional debounce for rapid property changes\n private _debounceTimer: number | undefined;\n\n firstUpdated() {\n // perform initial fetch once component is connected and rendered\n this.__scheduleUpdate();\n }\n\n updated(changedProperties: any) {\n // only refetch when name or src changed\n if (changedProperties.has('name') || changedProperties.has('src')) {\n this.__scheduleUpdate();\n }\n }\n\n render() {\n // accessible wrapper; consumers can provide a fallback via <slot name=\"fallback\">.\n return html` <div class=\"icon\">\n ${this.svgContent\n ? unsafeSVG(this.svgContent)\n : html`<slot name=\"fallback\"></slot>`}\n </div>`;\n }\n\n // small debounce to coalesce rapid changes (50ms)\n private __scheduleUpdate() {\n if (this._debounceTimer) {\n clearTimeout(this._debounceTimer as any);\n }\n // @ts-ignore - setTimeout in DOM returns number\n this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);\n }\n\n /**\n * @internal\n */\n private async __updateSvg() {\n this._fetchId += 1;\n const currentId = this._fetchId;\n this.loading = true;\n this.error = null;\n\n try {\n let raw: string | undefined;\n\n if (this.name) {\n raw = await fetchIcon(this.name, this.provider);\n } else if (this.src) {\n raw = await fetchSVG(this.src);\n } else {\n raw = '';\n }\n\n // If another fetch started after this one, ignore this result\n if (currentId !== this._fetchId) return;\n\n if (raw) {\n this.svgContent = sanitizeSvg(raw);\n } else {\n this.svgContent = '';\n }\n } catch (err: any) {\n // capture and surface error, but avoid throwing\n this.error = err instanceof Error ? err : new Error(String(err));\n this.svgContent = '';\n // bubble an event so consumers can react\n this.dispatchEvent(\n new CustomEvent('icon-error', {\n detail: { name: this.name, src: this.src, error: this.error },\n bubbles: true,\n composed: true,\n }),\n );\n } finally {\n // ensure loading is cleared unless another fetch started\n if (currentId === this._fetchId) {\n this.loading = false;\n }\n }\n }\n}\n"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { customElement } from 'lit/decorators.js';
|
|
3
3
|
import { Icon } from './icon.js';
|
|
4
|
-
let
|
|
4
|
+
let PIcon = class PIcon extends Icon {
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
PIcon = __decorate([
|
|
7
7
|
customElement('p-icon')
|
|
8
|
-
],
|
|
9
|
-
export {
|
|
8
|
+
], PIcon);
|
|
9
|
+
export { PIcon };
|
|
10
10
|
//# sourceMappingURL=p-icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-icon.js","sourceRoot":"","sources":["../../../src/icon/p-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAG1B,IAAM,
|
|
1
|
+
{"version":3,"file":"p-icon.js","sourceRoot":"","sources":["../../../src/icon/p-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAG1B,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,IAAI;CAAG,CAAA;AAArB,KAAK;IADjB,aAAa,CAAC,QAAQ,CAAC;GACX,KAAK,CAAgB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Icon } from './icon.js';\n\n@customElement('p-icon')\nexport class PIcon extends Icon {}\n"]}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
export { Icon } from './icon/
|
|
2
|
-
export { Avatar } from './avatar/
|
|
1
|
+
export { Icon } from './icon/index.js';
|
|
2
|
+
export { Avatar } from './avatar/index.js';
|
|
3
|
+
export { Badge } from './badge/index.js';
|
|
4
|
+
export { Divider } from './divider/index.js';
|
|
5
|
+
export { Clock } from './clock/index.js';
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export { Icon } from './icon/
|
|
2
|
-
export { Avatar } from './avatar/
|
|
1
|
+
export { Icon } from './icon/index.js';
|
|
2
|
+
export { Avatar } from './avatar/index.js';
|
|
3
|
+
export { Badge } from './badge/index.js';
|
|
4
|
+
export { Divider } from './divider/index.js';
|
|
5
|
+
export { Clock } from './clock/index.js';
|
|
3
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { Icon } from './icon/index.js';\nexport { Avatar } from './avatar/index.js';\nexport { Badge } from './badge/index.js';\nexport { Divider } from './divider/index.js';\nexport { Clock } from './clock/index.js';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Link } from './link.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { Link } from './link.js';\n"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
import { focusRing } from '../styleMixins.css.js';
|
|
3
|
+
export const createLinkStyles = (prefix) => css `
|
|
4
|
+
.${unsafeCSS(prefix)}-link {
|
|
5
|
+
border-radius: inherit;
|
|
6
|
+
corner-shape: inherit;
|
|
7
|
+
|
|
8
|
+
color: var(--color-primary);
|
|
9
|
+
--icon-color: var(--color-primary);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.${unsafeCSS(prefix)}-link:hover {
|
|
13
|
+
color: var(--color-on-primary-container);
|
|
14
|
+
--icon-color: var(--color-on-primary-container);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.${unsafeCSS(prefix)}-link:focus {
|
|
18
|
+
text-decoration: none;
|
|
19
|
+
${focusRing()}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.${unsafeCSS(prefix)}-link.no-style {
|
|
23
|
+
color: var(--color-on-surface);
|
|
24
|
+
--icon-color: var(--color-on-surface);
|
|
25
|
+
text-decoration: none !important;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.${unsafeCSS(prefix)}-link.no-decoration {
|
|
29
|
+
text-decoration: none !important;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.${unsafeCSS(prefix)}-link.inline {
|
|
33
|
+
text-decoration: var(--link-decoration, underline);
|
|
34
|
+
}
|
|
35
|
+
`;
|
|
36
|
+
//# sourceMappingURL=link.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.css.js","sourceRoot":"","sources":["../../../src/link/link.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAa,EAAE,CAAC,GAAG,CAAA;KAC7D,SAAS,CAAC,MAAM,CAAC;;;;;;;;KAQjB,SAAS,CAAC,MAAM,CAAC;;;;;KAKjB,SAAS,CAAC,MAAM,CAAC;;MAEhB,SAAS,EAAE;;;KAGZ,SAAS,CAAC,MAAM,CAAC;;;;;;KAMjB,SAAS,CAAC,MAAM,CAAC;;;;KAIjB,SAAS,CAAC,MAAM,CAAC;;;CAGrB,CAAC","sourcesContent":["import { css, unsafeCSS, CSSResult } from 'lit';\nimport { focusRing } from '../styleMixins.css.js';\n\nexport const createLinkStyles = (prefix: string): CSSResult => css`\n .${unsafeCSS(prefix)}-link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: var(--color-primary);\n }\n\n .${unsafeCSS(prefix)}-link:hover {\n color: var(--color-on-primary-container);\n --icon-color: var(--color-on-primary-container);\n }\n\n .${unsafeCSS(prefix)}-link:focus {\n text-decoration: none;\n ${focusRing()}\n }\n\n .${unsafeCSS(prefix)}-link.no-style {\n color: var(--color-on-surface);\n --icon-color: var(--color-on-surface);\n text-decoration: none !important;\n }\n\n .${unsafeCSS(prefix)}-link.no-decoration {\n text-decoration: none !important;\n }\n\n .${unsafeCSS(prefix)}-link.inline {\n text-decoration: var(--link-decoration, underline);\n }\n`;\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* @summary Icons are visual symbols used to represent ideas, objects, or actions.
|
|
4
|
+
*
|
|
5
|
+
* @cssprop --icon-color - Controls the color of the icon.
|
|
6
|
+
* @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
|
|
7
|
+
*/
|
|
8
|
+
export declare class Link extends LitElement {
|
|
9
|
+
static styles: import("lit").CSSResult[];
|
|
10
|
+
createRenderRoot(): this;
|
|
11
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { html, LitElement } from 'lit';
|
|
2
|
+
import { styles } from './link.css.js';
|
|
3
|
+
/**
|
|
4
|
+
* @summary Icons are visual symbols used to represent ideas, objects, or actions.
|
|
5
|
+
*
|
|
6
|
+
* @cssprop --icon-color - Controls the color of the icon.
|
|
7
|
+
* @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
|
|
8
|
+
*/
|
|
9
|
+
export class Link extends LitElement {
|
|
10
|
+
createRenderRoot() {
|
|
11
|
+
return this; // Renders to the Light DOM
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return html `<slot></slot>`;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
Link.styles = [styles];
|
|
18
|
+
//# sourceMappingURL=link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,OAAO,IAAK,SAAQ,UAAU;IAGlC,gBAAgB;QACd,OAAO,IAAI,CAAC,CAAC,2BAA2B;IAC1C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AARM,WAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './link.css.js';\n\n/**\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\n */\nexport class Link extends LitElement {\n static styles = [styles];\n\n createRenderRoot() {\n return this; // Renders to the Light DOM\n }\n\n render() {\n return html`<slot></slot>`;\n }\n}\n"]}
|
|
@@ -1,14 +1,53 @@
|
|
|
1
1
|
// Eager loaded
|
|
2
|
+
import cssComponentsStyleSheet from '@redvars/peacock-design-tokens/dist/tokens.css';
|
|
2
3
|
import { Icon } from './icon/icon.js';
|
|
4
|
+
import { Avatar } from './avatar/avatar.js';
|
|
5
|
+
import { Badge } from './badge/badge.js';
|
|
6
|
+
import { Divider } from './divider/divider.js';
|
|
3
7
|
import { LoaderUtils } from './LoaderUtils.js';
|
|
8
|
+
import { createLinkStyles } from './link/link.css.js';
|
|
9
|
+
import { createTextStyles } from './text/text.css.js';
|
|
10
|
+
const libraryPrefix = 'p';
|
|
11
|
+
function buildSheet(styleSheet) {
|
|
12
|
+
const sheet = new CSSStyleSheet();
|
|
13
|
+
// Add rules
|
|
14
|
+
sheet.replaceSync(styleSheet.toString());
|
|
15
|
+
return sheet;
|
|
16
|
+
}
|
|
17
|
+
const styleSheets = [buildSheet(cssComponentsStyleSheet)];
|
|
18
|
+
const linkStylesheet = createLinkStyles(libraryPrefix).styleSheet;
|
|
19
|
+
if (linkStylesheet)
|
|
20
|
+
styleSheets.push(linkStylesheet);
|
|
21
|
+
const textStylesheet = createTextStyles(libraryPrefix).styleSheet;
|
|
22
|
+
if (textStylesheet)
|
|
23
|
+
styleSheets.push(textStylesheet);
|
|
24
|
+
function stringifyStyleSheet(stylesheet) {
|
|
25
|
+
// Use Array.from() to convert the CSSRuleList to an array
|
|
26
|
+
return (Array.from(stylesheet.cssRules)
|
|
27
|
+
// Map each rule to its cssText property
|
|
28
|
+
.map((rule) => rule.cssText || '')
|
|
29
|
+
// Join all the rules with a newline character
|
|
30
|
+
.join('\\n'));
|
|
31
|
+
}
|
|
32
|
+
document.adoptedStyleSheets = styleSheets;
|
|
4
33
|
const loaderConfig = {
|
|
5
|
-
prefix:
|
|
34
|
+
prefix: libraryPrefix,
|
|
6
35
|
components: {
|
|
7
36
|
icon: {
|
|
8
37
|
CustomElementClass: Icon,
|
|
38
|
+
// importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass
|
|
9
39
|
},
|
|
10
40
|
avatar: {
|
|
11
|
-
|
|
41
|
+
CustomElementClass: Avatar,
|
|
42
|
+
},
|
|
43
|
+
badge: {
|
|
44
|
+
CustomElementClass: Badge,
|
|
45
|
+
},
|
|
46
|
+
divider: {
|
|
47
|
+
CustomElementClass: Divider,
|
|
48
|
+
},
|
|
49
|
+
clock: {
|
|
50
|
+
importPath: '.' + '/clock.js',
|
|
12
51
|
},
|
|
13
52
|
},
|
|
14
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"peacock-loader.js","sourceRoot":"","sources":["../../src/peacock-loader.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAgB,WAAW,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"peacock-loader.js","sourceRoot":"","sources":["../../src/peacock-loader.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,uBAAuB,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAgB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,SAAS,UAAU,CAAC,UAAe;IACjC,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;IAClC,YAAY;IACZ,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAE1D,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AAClE,IAAI,cAAc;IAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAErD,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AAClE,IAAI,cAAc;IAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAErD,SAAS,mBAAmB,CAAC,UAAe;IAC1C,0DAA0D;IAC1D,OAAO,CACL,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC7B,wCAAwC;SACvC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;QACvC,8CAA8C;SAC7C,IAAI,CAAC,KAAK,CAAC,CACf,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,kBAAkB,GAAG,WAAW,CAAC;AAE1C,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,kBAAkB,EAAE,IAAI;YACxB,6FAA6F;SAC9F;QACD,MAAM,EAAE;YACN,kBAAkB,EAAE,MAAM;SAC3B;QACD,KAAK,EAAE;YACL,kBAAkB,EAAE,KAAK;SAC1B;QACD,OAAO,EAAE;YACP,kBAAkB,EAAE,OAAO;SAC5B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,GAAG,GAAG,WAAW;SAC9B;KACF;CACF,CAAC;AAEF,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC","sourcesContent":["// Eager loaded\nimport cssComponentsStyleSheet from '@redvars/peacock-design-tokens/dist/tokens.css';\nimport { Icon } from './icon/icon.js';\nimport { Avatar } from './avatar/avatar.js';\nimport { Badge } from './badge/badge.js';\nimport { Divider } from './divider/divider.js';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport { createLinkStyles } from './link/link.css.js';\nimport { createTextStyles } from './text/text.css.js';\n\nconst libraryPrefix = 'p';\n\nfunction buildSheet(styleSheet: any) {\n const sheet = new CSSStyleSheet();\n // Add rules\n sheet.replaceSync(styleSheet.toString());\n return sheet;\n}\n\nconst styleSheets = [buildSheet(cssComponentsStyleSheet)];\n\nconst linkStylesheet = createLinkStyles(libraryPrefix).styleSheet;\nif (linkStylesheet) styleSheets.push(linkStylesheet);\n\nconst textStylesheet = createTextStyles(libraryPrefix).styleSheet;\nif (textStylesheet) styleSheets.push(textStylesheet);\n\nfunction stringifyStyleSheet(stylesheet: any) {\n // Use Array.from() to convert the CSSRuleList to an array\n return (\n Array.from(stylesheet.cssRules)\n // Map each rule to its cssText property\n .map((rule: any) => rule.cssText || '')\n // Join all the rules with a newline character\n .join('\\\\n')\n );\n}\n\ndocument.adoptedStyleSheets = styleSheets;\n\nconst loaderConfig: LoaderConfig = {\n prefix: libraryPrefix,\n components: {\n icon: {\n CustomElementClass: Icon,\n // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n },\n avatar: {\n CustomElementClass: Avatar,\n },\n badge: {\n CustomElementClass: Badge,\n },\n divider: {\n CustomElementClass: Divider,\n },\n clock: {\n importPath: '.' + '/clock.js',\n },\n },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CSSResult } from 'lit';
|
|
2
|
+
export declare const focusRing: (color?: string) => CSSResult;
|
|
3
|
+
export declare const getTypography: (name: string) => CSSResult;
|
|
4
|
+
export declare const getTypographyNotImportant: (name: string) => CSSResult;
|
|
5
|
+
export declare const forPhoneOnly: (content: CSSResult) => CSSResult;
|
|
6
|
+
export declare const forTabletPortraitUp: (content: CSSResult) => CSSResult;
|
|
7
|
+
export declare const forTabletLandscapeUp: (content: CSSResult) => CSSResult;
|
|
8
|
+
export declare const forDesktopUp: (content: CSSResult) => CSSResult;
|
|
9
|
+
export declare const forBigDesktopUp: (content: CSSResult) => CSSResult;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
export const focusRing = (color = 'var(--border-interactive)') => css `
|
|
3
|
+
outline: 2px solid ${unsafeCSS(color)};
|
|
4
|
+
`;
|
|
5
|
+
export const getTypography = (name) => css `
|
|
6
|
+
font-family: var(--typography-${unsafeCSS(name)}-font-family) !important;
|
|
7
|
+
font-size: var(--typography-${unsafeCSS(name)}-font-size) !important;
|
|
8
|
+
font-weight: var(--typography-${unsafeCSS(name)}-font-weight) !important;
|
|
9
|
+
line-height: var(--typography-${unsafeCSS(name)}-line-height) !important;
|
|
10
|
+
letter-spacing: var(
|
|
11
|
+
--typography-${unsafeCSS(name)}-letter-spacing
|
|
12
|
+
) !important;
|
|
13
|
+
`;
|
|
14
|
+
export const getTypographyNotImportant = (name) => css `
|
|
15
|
+
font-family: var(--typography-${unsafeCSS(name)}-font-family);
|
|
16
|
+
font-size: var(--typography-${unsafeCSS(name)}-font-size);
|
|
17
|
+
font-weight: var(--typography-${unsafeCSS(name)}-font-weight);
|
|
18
|
+
line-height: var(--typography-${unsafeCSS(name)}-line-height);
|
|
19
|
+
letter-spacing: var(--typography-${unsafeCSS(name)}-letter-spacing);
|
|
20
|
+
`;
|
|
21
|
+
export const forPhoneOnly = (content) => css `
|
|
22
|
+
@media (max-width: 671px) {
|
|
23
|
+
${content}
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
export const forTabletPortraitUp = (content) => css `
|
|
27
|
+
@media (min-width: 672px) {
|
|
28
|
+
${content}
|
|
29
|
+
}
|
|
30
|
+
`;
|
|
31
|
+
export const forTabletLandscapeUp = (content) => css `
|
|
32
|
+
@media (min-width: 1056px) {
|
|
33
|
+
${content}
|
|
34
|
+
}
|
|
35
|
+
`;
|
|
36
|
+
export const forDesktopUp = (content) => css `
|
|
37
|
+
@media (min-width: 1312px) {
|
|
38
|
+
${content}
|
|
39
|
+
}
|
|
40
|
+
`;
|
|
41
|
+
export const forBigDesktopUp = (content) => css `
|
|
42
|
+
@media (min-width: 1584px) {
|
|
43
|
+
${content}
|
|
44
|
+
}
|
|
45
|
+
`;
|
|
46
|
+
//# sourceMappingURL=styleMixins.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleMixins.css.js","sourceRoot":"","sources":["../../src/styleMixins.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAEhD,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAK,GAAG,2BAA2B,EACxB,EAAE,CAAC,GAAG,CAAA;uBACI,SAAS,CAAC,KAAK,CAAC;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAY,EAAa,EAAE,CAAC,GAAG,CAAA;kCAC3B,SAAS,CAAC,IAAI,CAAC;gCACjB,SAAS,CAAC,IAAI,CAAC;kCACb,SAAS,CAAC,IAAI,CAAC;kCACf,SAAS,CAAC,IAAI,CAAC;;mBAE9B,SAAS,CAAC,IAAI,CAAC;;CAEjC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,IAAY,EAAa,EAAE,CAAC,GAAG,CAAA;kCACvC,SAAS,CAAC,IAAI,CAAC;gCACjB,SAAS,CAAC,IAAI,CAAC;kCACb,SAAS,CAAC,IAAI,CAAC;kCACf,SAAS,CAAC,IAAI,CAAC;qCACZ,SAAS,CAAC,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAE5D,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAEnE,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAEpE,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAE5D,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAE/D,OAAO;;CAEZ,CAAC","sourcesContent":["import { css, unsafeCSS, CSSResult } from 'lit';\n\nexport const focusRing = (\n color = 'var(--border-interactive)',\n): CSSResult => css`\n outline: 2px solid ${unsafeCSS(color)};\n`;\n\nexport const getTypography = (name: string): CSSResult => css`\n font-family: var(--typography-${unsafeCSS(name)}-font-family) !important;\n font-size: var(--typography-${unsafeCSS(name)}-font-size) !important;\n font-weight: var(--typography-${unsafeCSS(name)}-font-weight) !important;\n line-height: var(--typography-${unsafeCSS(name)}-line-height) !important;\n letter-spacing: var(\n --typography-${unsafeCSS(name)}-letter-spacing\n ) !important;\n`;\n\nexport const getTypographyNotImportant = (name: string): CSSResult => css`\n font-family: var(--typography-${unsafeCSS(name)}-font-family);\n font-size: var(--typography-${unsafeCSS(name)}-font-size);\n font-weight: var(--typography-${unsafeCSS(name)}-font-weight);\n line-height: var(--typography-${unsafeCSS(name)}-line-height);\n letter-spacing: var(--typography-${unsafeCSS(name)}-letter-spacing);\n`;\n\nexport const forPhoneOnly = (content: CSSResult): CSSResult => css`\n @media (max-width: 671px) {\n ${content}\n }\n`;\n\nexport const forTabletPortraitUp = (content: CSSResult): CSSResult => css`\n @media (min-width: 672px) {\n ${content}\n }\n`;\n\nexport const forTabletLandscapeUp = (content: CSSResult): CSSResult => css`\n @media (min-width: 1056px) {\n ${content}\n }\n`;\n\nexport const forDesktopUp = (content: CSSResult): CSSResult => css`\n @media (min-width: 1312px) {\n ${content}\n }\n`;\n\nexport const forBigDesktopUp = (content: CSSResult): CSSResult => css`\n @media (min-width: 1584px) {\n ${content}\n }\n`;\n"]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
import { getTypography } from '../styleMixins.css.js';
|
|
3
|
+
/**
|
|
4
|
+
* Sass equivalents:
|
|
5
|
+
* $types: "display", "headline", "body", "code", "label", "title";
|
|
6
|
+
* $sizes: "large", "medium", "small";
|
|
7
|
+
*/
|
|
8
|
+
const TYPES = [
|
|
9
|
+
'display',
|
|
10
|
+
'headline',
|
|
11
|
+
'body',
|
|
12
|
+
'code',
|
|
13
|
+
'label',
|
|
14
|
+
'title',
|
|
15
|
+
];
|
|
16
|
+
const SIZES = ['large', 'medium', 'small'];
|
|
17
|
+
const createTagClass = (prefix, tag) => css `
|
|
18
|
+
.${unsafeCSS(prefix)}-text-${unsafeCSS(tag)} {
|
|
19
|
+
${getTypography(tag)}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.${unsafeCSS(prefix)}-text-${unsafeCSS(tag)}-emphasized {
|
|
23
|
+
${getTypography(`${tag}-emphasized`)}
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
const createTypeClass = (prefix, type) => css `
|
|
27
|
+
.${unsafeCSS(prefix)}-text-${unsafeCSS(type)} {
|
|
28
|
+
${getTypography(`${type}-medium`)}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.${unsafeCSS(prefix)}-text-${unsafeCSS(type)}-emphasized {
|
|
32
|
+
${getTypography(`${type}-medium-emphasized`)}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
${unsafeCSS(SIZES.map(size => createTagClass(prefix, `${type}-${size}`)).join(''))}
|
|
36
|
+
`;
|
|
37
|
+
export const createTextStyles = (prefix) => css `
|
|
38
|
+
/* === Margin rules (manual groups from Sass) === */
|
|
39
|
+
|
|
40
|
+
.${unsafeCSS(prefix)}-text-body,
|
|
41
|
+
.${unsafeCSS(prefix)}-text-body-medium,
|
|
42
|
+
.${unsafeCSS(prefix)}-text-body-large,
|
|
43
|
+
.${unsafeCSS(prefix)}-text-body-small {
|
|
44
|
+
margin-block-end: var(--spacing-200);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.${unsafeCSS(prefix)}-text-headline,
|
|
48
|
+
.${unsafeCSS(prefix)}-text-headline-medium,
|
|
49
|
+
.${unsafeCSS(prefix)}-text-headline-large,
|
|
50
|
+
.${unsafeCSS(prefix)}-text-headline-small {
|
|
51
|
+
margin-block-end: var(--spacing-400);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.${unsafeCSS(prefix)}-text-display,
|
|
55
|
+
.${unsafeCSS(prefix)}-text-display-medium,
|
|
56
|
+
.${unsafeCSS(prefix)}-text-display-large,
|
|
57
|
+
.${unsafeCSS(prefix)}-text-display-small {
|
|
58
|
+
margin-block-end: var(--spacing-400);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.${unsafeCSS(prefix)}-text-title,
|
|
62
|
+
.${unsafeCSS(prefix)}-text-title-medium,
|
|
63
|
+
.${unsafeCSS(prefix)}-text-title-large,
|
|
64
|
+
.${unsafeCSS(prefix)}-text-title-small {
|
|
65
|
+
margin-block-end: var(--spacing-400);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
${unsafeCSS(TYPES.map(type => createTypeClass(prefix, type)).join(''))}
|
|
69
|
+
`;
|
|
70
|
+
//# sourceMappingURL=text.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.css.js","sourceRoot":"","sources":["../../../src/text/text.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,KAAK,GAAG;IACZ,SAAS;IACT,UAAU;IACV,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;CACC,CAAC;AAEX,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAEpD,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,GAAW,EAAE,EAAE,CAAC,GAAG,CAAA;KACtD,SAAS,CAAC,MAAM,CAAC,SAAS,SAAS,CAAC,GAAG,CAAC;MACvC,aAAa,CAAC,GAAG,CAAC;;;KAGnB,SAAS,CAAC,MAAM,CAAC,SAAS,SAAS,CAAC,GAAG,CAAC;MACvC,aAAa,CAAC,GAAG,GAAG,aAAa,CAAC;;CAEvC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,EAAE,CAAC,GAAG,CAAA;KACxD,SAAS,CAAC,MAAM,CAAC,SAAS,SAAS,CAAC,IAAI,CAAC;MACxC,aAAa,CAAC,GAAG,IAAI,SAAS,CAAC;;;KAGhC,SAAS,CAAC,MAAM,CAAC,SAAS,SAAS,CAAC,IAAI,CAAC;MACxC,aAAa,CAAC,GAAG,IAAI,oBAAoB,CAAC;;;IAG5C,SAAS,CACT,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACtE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAa,EAAE,CAAC,GAAG,CAAA;;;KAG7D,SAAS,CAAC,MAAM,CAAC;OACf,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;;;;KAInB,SAAS,CAAC,MAAM,CAAC;OACf,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;;;;KAInB,SAAS,CAAC,MAAM,CAAC;OACf,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;;;;KAInB,SAAS,CAAC,MAAM,CAAC;OACf,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;OACjB,SAAS,CAAC,MAAM,CAAC;;;;IAIpB,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CACvE,CAAC","sourcesContent":["import { css, unsafeCSS, CSSResult } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\n/**\n * Sass equivalents:\n * $types: \"display\", \"headline\", \"body\", \"code\", \"label\", \"title\";\n * $sizes: \"large\", \"medium\", \"small\";\n */\nconst TYPES = [\n 'display',\n 'headline',\n 'body',\n 'code',\n 'label',\n 'title',\n] as const;\n\nconst SIZES = ['large', 'medium', 'small'] as const;\n\nconst createTagClass = (prefix: string, tag: string) => css`\n .${unsafeCSS(prefix)}-text-${unsafeCSS(tag)} {\n ${getTypography(tag)}\n }\n\n .${unsafeCSS(prefix)}-text-${unsafeCSS(tag)}-emphasized {\n ${getTypography(`${tag}-emphasized`)}\n }\n`;\n\nconst createTypeClass = (prefix: string, type: string) => css`\n .${unsafeCSS(prefix)}-text-${unsafeCSS(type)} {\n ${getTypography(`${type}-medium`)}\n }\n\n .${unsafeCSS(prefix)}-text-${unsafeCSS(type)}-emphasized {\n ${getTypography(`${type}-medium-emphasized`)}\n }\n\n ${unsafeCSS(\n SIZES.map(size => createTagClass(prefix, `${type}-${size}`)).join(''),\n )}\n`;\n\nexport const createTextStyles = (prefix: string): CSSResult => css`\n /* === Margin rules (manual groups from Sass) === */\n\n .${unsafeCSS(prefix)}-text-body,\n .${unsafeCSS(prefix)}-text-body-medium,\n .${unsafeCSS(prefix)}-text-body-large,\n .${unsafeCSS(prefix)}-text-body-small {\n margin-block-end: var(--spacing-200);\n }\n\n .${unsafeCSS(prefix)}-text-headline,\n .${unsafeCSS(prefix)}-text-headline-medium,\n .${unsafeCSS(prefix)}-text-headline-large,\n .${unsafeCSS(prefix)}-text-headline-small {\n margin-block-end: var(--spacing-400);\n }\n\n .${unsafeCSS(prefix)}-text-display,\n .${unsafeCSS(prefix)}-text-display-medium,\n .${unsafeCSS(prefix)}-text-display-large,\n .${unsafeCSS(prefix)}-text-display-small {\n margin-block-end: var(--spacing-400);\n }\n\n .${unsafeCSS(prefix)}-text-title,\n .${unsafeCSS(prefix)}-text-title-medium,\n .${unsafeCSS(prefix)}-text-title-large,\n .${unsafeCSS(prefix)}-text-title-small {\n margin-block-end: var(--spacing-400);\n }\n\n ${unsafeCSS(TYPES.map(type => createTypeClass(prefix, type)).join(''))}\n`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export declare function createCacheFetch(name: string): Promise<(url: string) => Promise<string>>;
|
|
2
2
|
export declare function sanitizeSvg(rawSvg: string): string;
|
|
3
|
-
export declare
|
|
3
|
+
export declare function observerSlotChangesWithCallback(slot: HTMLSlotElement | null, callback: (hasContent: boolean) => void): void;
|
|
@@ -91,11 +91,36 @@ export function sanitizeSvg(rawSvg) {
|
|
|
91
91
|
return '';
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
94
|
+
function __hasMeaningfulContent(slotElement) {
|
|
95
|
+
const nodes = slotElement.assignedNodes({ flatten: true });
|
|
96
|
+
for (const node of nodes) {
|
|
97
|
+
// If it's an element node, it has content
|
|
98
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
99
|
+
return true;
|
|
100
|
+
}
|
|
101
|
+
// If it's a text node and contains non-whitespace characters, it has content
|
|
102
|
+
if (node.nodeType === Node.TEXT_NODE &&
|
|
103
|
+
node.textContent.trim().length > 0) {
|
|
104
|
+
return true;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
// No meaningful content found
|
|
108
|
+
return false;
|
|
109
|
+
}
|
|
110
|
+
export function observerSlotChangesWithCallback(slot, callback) {
|
|
111
|
+
const observer = new MutationObserver(() => {
|
|
112
|
+
callback(__hasMeaningfulContent(slot));
|
|
113
|
+
});
|
|
114
|
+
// Observe the elements currently assigned to the slot
|
|
115
|
+
const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
116
|
+
assignedNodes.forEach(node => {
|
|
117
|
+
observer.observe(node, {
|
|
118
|
+
attributes: true,
|
|
119
|
+
childList: true,
|
|
120
|
+
characterData: true,
|
|
121
|
+
subtree: true,
|
|
122
|
+
});
|
|
123
|
+
});
|
|
124
|
+
callback(__hasMeaningfulContent(slot));
|
|
125
|
+
}
|
|
101
126
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,IAAY;IACjD,IAAI,KAAK,GAAiB,IAAI,CAAC;IAC/B,qDAAqD;IACrD,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAA2B,CAAC;IAE5D,IAAI,CAAC;QACH,KAAK,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,KAAK,EAAE,GAAW,EAAmB,EAAE;QAC5C,+CAA+C;QAC/C,IAAI,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,4DAA4D;YAC5D,OAAO,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC;QACpC,CAAC;QAED,wCAAwC;QACxC,MAAM,YAAY,GAAG,CAAC,KAAK,IAAI,EAAE;YAC/B,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;YAEjC,oBAAoB;YACpB,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,cAAc,GAAG,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,IAAI,cAAc,EAAE,CAAC;oBACnB,OAAO,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC;gBACrC,CAAC;YACH,CAAC;YAED,0BAA0B;YAC1B,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACpC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YAE9D,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;gBACxC,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;gBACvC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;aACnD,CAAC,CAAC;YAEH,qBAAqB;YACrB,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC5B,OAAO,CAAC,KAAK,CAAC,2CAA2C,GAAG,EAAE,CAAC,CAAC;gBAChE,OAAO,EAAE,CAAC,CAAC,mCAAmC;YAChD,CAAC;YAED,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAErC,6BAA6B;YAC7B,IAAI,KAAK,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBACrC,4EAA4E;gBAC5E,MAAM,KAAK,CAAC,GAAG,CACb,OAAO,EACP,IAAI,QAAQ,CAAC,MAAM,EAAE;oBACnB,MAAM,EAAE,QAAQ,CAAC,MAAM;oBACvB,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,OAAO,EAAE,QAAQ,CAAC,OAAO;iBAC1B,CAAC,CACH,CAAC;YACJ,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,EAAE,CAAC;QAEL,kCAAkC;QAClC,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;QAExC,IAAI,CAAC;YACH,yBAAyB;YACzB,OAAO,MAAM,YAAY,CAAC;QAC5B,CAAC;gBAAS,CAAC;YACT,yDAAyD;YACzD,0EAA0E;YAC1E,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED,oGAAoG;AACpG,MAAM,UAAU,WAAW,CAAC,MAAc;IACxC,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;QAE5D,qBAAqB;QACrB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC3D,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QAEjC,gDAAgD;QAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC;QAC3E,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QAElC,6DAA6D;QAC7D,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;QAClD,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YACf,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACzE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,MAAM,EAAE,GAAG,GAAG,CAAC,eAAe,CAAC;QAC/B,IAAI,CAAC,EAAE;YAAE,OAAO,EAAE,CAAC;QAEnB,2BAA2B;QAC3B,MAAM,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC;QACvC,OAAO,UAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,+EAA+E;QAC/E,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export async function createCacheFetch(name: string) {\n let cache: Cache | null = null;\n // This map tracks requests currently being processed\n const inFlightRequests = new Map<string, Promise<string>>();\n\n try {\n cache = await window.caches.open(name);\n } catch (e) {\n console.warn('window.caches access not allowed');\n }\n\n return async (url: string): Promise<string> => {\n // 1. Check if we are already fetching this URL\n if (inFlightRequests.has(url)) {\n // Return the existing promise instead of starting a new one\n return inFlightRequests.get(url)!;\n }\n\n // 2. Create the main logic as a promise\n const fetchPromise = (async () => {\n const request = new Request(url);\n\n // Check Cache first\n if (cache) {\n const cachedResponse = await cache.match(request);\n if (cachedResponse) {\n return await cachedResponse.text();\n }\n }\n\n // Prepare network request\n const urlObj = new URL(request.url);\n const isSameOrigin = urlObj.origin === window.location.origin;\n\n const response = await fetch(request.url, {\n method: 'GET',\n mode: isSameOrigin ? 'no-cors' : 'cors',\n credentials: isSameOrigin ? 'same-origin' : 'omit',\n });\n\n // --- Handle 404 ---\n if (response.status === 404) {\n console.error(`[Fetch Error] Resource not found (404): ${url}`);\n return ''; // Return empty string as requested\n }\n\n const result = await response.text();\n\n // Update Cache if applicable\n if (cache && response.status === 200) {\n // We clone the response logic by creating a new Response with the text body\n await cache.put(\n request,\n new Response(result, {\n status: response.status,\n statusText: response.statusText,\n headers: response.headers,\n }),\n );\n }\n\n return result;\n })();\n\n // 3. Store the promise in the map\n inFlightRequests.set(url, fetchPromise);\n\n try {\n // 4. Wait for the result\n return await fetchPromise;\n } finally {\n // 5. Clean up: Remove the promise from the map when done\n // This ensures subsequent calls (after this one finishes) can start fresh\n inFlightRequests.delete(url);\n }\n };\n}\n\n// Basic sanitization: remove <script>, <foreignObject>, event handler attributes (on*), and iframes\nexport function sanitizeSvg(rawSvg: string) {\n try {\n const parser = new DOMParser();\n const doc = parser.parseFromString(rawSvg, 'image/svg+xml');\n\n // remove script tags\n const scripts = Array.from(doc.querySelectorAll('script'));\n scripts.forEach(n => n.remove());\n\n // remove foreignObject and iframe-like elements\n const foreigns = Array.from(doc.querySelectorAll('foreignObject, iframe'));\n foreigns.forEach(n => n.remove());\n\n // remove event handler attributes like onload, onclick, etc.\n const all = Array.from(doc.querySelectorAll('*'));\n all.forEach(el => {\n const attrs = Array.from(el.attributes).filter(a => /^on/i.test(a.name));\n attrs.forEach(a => el.removeAttribute(a.name));\n });\n\n const el = doc.documentElement;\n if (!el) return '';\n\n // serialize back to string\n const serializer = new XMLSerializer();\n return serializer.serializeToString(el);\n } catch (e) {\n // parsing failed; fall back to empty content to avoid injecting unsafe content\n return '';\n }\n}\n\nfunction __hasMeaningfulContent(slotElement: any) {\n const nodes = slotElement.assignedNodes({ flatten: true });\n\n for (const node of nodes) {\n // If it's an element node, it has content\n if (node.nodeType === Node.ELEMENT_NODE) {\n return true;\n }\n // If it's a text node and contains non-whitespace characters, it has content\n if (\n node.nodeType === Node.TEXT_NODE &&\n node.textContent.trim().length > 0\n ) {\n return true;\n }\n }\n\n // No meaningful content found\n return false;\n}\n\nexport function observerSlotChangesWithCallback(\n slot: HTMLSlotElement | null,\n callback: (hasContent: boolean) => void,\n) {\n const observer = new MutationObserver(() => {\n callback(__hasMeaningfulContent(slot));\n });\n\n // Observe the elements currently assigned to the slot\n const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];\n assignedNodes.forEach(node => {\n observer.observe(node, {\n attributes: true,\n childList: true,\n characterData: true,\n subtree: true,\n });\n });\n\n callback(__hasMeaningfulContent(slot));\n}\n"]}
|