npm - zignal-stencil-library - Versions diffs - 1.1.119 → 1.1.120 - Mend

zignal-stencil-library 1.1.119 → 1.1.120

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.

Files changed (221) hide show

package/dist/components/{p-BLgwHmgj.js.map → p-CmM_sMR_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BLgwHmgj~~.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,~~uyuDAAuyuD~~;;~~MCQrzuD~~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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/typography-clamp/typography-clamp.css?tag=typography-clamp","src/components/typography-clamp/typography-clamp.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.z-line-clamp {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--z-line-clamp, 5);\n}\n\n.z-line-clamp-wrapper {\n @apply mt-2 text-xs cursor-pointer underline\n}\n\n.z-line-clamp-text {\n @apply text-sm whitespace-pre-line\n}","import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { configStore } from '../../store/store';\nimport { useTranslation } from '../../utils/utils';\n\n@Component({\n tag: 'typography-clamp',\n styleUrl: 'typography-clamp.css',\n})\nexport class TypographyClamp {\n @Prop() text: string;\n @Prop() textColor: string = 'z-text-gray';\n @Prop() lines: number = 5;\n @State() showMore: boolean = false;\n @State() isClamped = false;\n\n private contentEl?: HTMLDivElement;\n private ro?: ResizeObserver;\n\n private readonly deferCheck = () => {\n // Ensure layout/styles are applied before measuring\n requestAnimationFrame(() => this.checkClamped());\n };\n\n private readonly checkClamped = () => {\n if (!this.contentEl) return;\n\n // Preserve intended clamp state (based on showMore)\n const shouldBeClamped = !this.showMore;\n const CLAMP_CLASS = 'z-line-clamp';\n const hadClampClass = this.contentEl.classList.contains(CLAMP_CLASS);\n\n // Temporarily remove to measure full height\n this.contentEl.classList.remove(CLAMP_CLASS);\n const fullHeight = this.contentEl.scrollHeight;\n\n // Temporarily add to measure clamped height\n this.contentEl.classList.add(CLAMP_CLASS);\n const clampedHeight = this.contentEl.clientHeight;\n\n const next = fullHeight > clampedHeight + 1;\n if (this.isClamped !== next) {\n this.isClamped = next;\n }\n\n // Restore class to intended state\n if (shouldBeClamped) {\n if (!hadClampClass) this.contentEl.classList.add(CLAMP_CLASS);\n } else {\n this.contentEl.classList.remove(CLAMP_CLASS);\n }\n };\n\n componentDidLoad() {\n this.deferCheck();\n window.addEventListener('resize', this.checkClamped);\n // Observe element size/content changes (panel open, fonts, etc.)\n if ('ResizeObserver' in window) {\n this.ro = new ResizeObserver(() => this.checkClamped());\n if (this.contentEl) this.ro.observe(this.contentEl);\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.checkClamped);\n this.ro?.disconnect();\n }\n\n @Watch('text')\n onTextChange() {\n this.deferCheck();\n }\n\n @Watch('lines')\n onLinesChange() {\n this.deferCheck();\n }\n\n render() {\n const t = useTranslation();\n const theme = configStore.get('theme');\n\n return (\n <Host>\n <div>\n <p\n ref={el => (this.contentEl = el as HTMLDivElement)}\n class={`z-line-clamp-text ${this.textColor}-${theme} ${this.showMore ? '' : 'z-line-clamp'}`}\n style={{ '--z-line-clamp': String(this.lines) } as any}\n >\n {this.text}\n </p>\n\n {this.isClamped && (\n <div\n class={`z-line-clamp-wrapper z-text-primary-${theme}`}\n onClick={() => {\n this.showMore = !this.showMore;\n this.deferCheck();\n }}\n >\n <div class=\"mt-1\">{this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')}</div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CmM_sMR_.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/typography-clamp/typography-clamp.css?tag=typography-clamp","src/components/typography-clamp/typography-clamp.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.z-line-clamp {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--z-line-clamp, 5);\n}\n\n.z-line-clamp-wrapper {\n @apply mt-2 text-xs cursor-pointer underline\n}\n\n.z-line-clamp-text {\n @apply text-sm whitespace-pre-line\n}","import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { configStore } from '../../store/store';\nimport { useTranslation } from '../../utils/utils';\n\n@Component({\n tag: 'typography-clamp',\n styleUrl: 'typography-clamp.css',\n})\nexport class TypographyClamp {\n @Prop() text: string;\n @Prop() textColor: string = 'z-text-gray';\n @Prop() lines: number = 5;\n @State() showMore: boolean = false;\n @State() isClamped = false;\n\n private contentEl?: HTMLDivElement;\n private ro?: ResizeObserver;\n\n private readonly deferCheck = () => {\n // Ensure layout/styles are applied before measuring\n requestAnimationFrame(() => this.checkClamped());\n };\n\n private readonly checkClamped = () => {\n if (!this.contentEl) return;\n\n // Preserve intended clamp state (based on showMore)\n const shouldBeClamped = !this.showMore;\n const CLAMP_CLASS = 'z-line-clamp';\n const hadClampClass = this.contentEl.classList.contains(CLAMP_CLASS);\n\n // Temporarily remove to measure full height\n this.contentEl.classList.remove(CLAMP_CLASS);\n const fullHeight = this.contentEl.scrollHeight;\n\n // Temporarily add to measure clamped height\n this.contentEl.classList.add(CLAMP_CLASS);\n const clampedHeight = this.contentEl.clientHeight;\n\n const next = fullHeight > clampedHeight + 1;\n if (this.isClamped !== next) {\n this.isClamped = next;\n }\n\n // Restore class to intended state\n if (shouldBeClamped) {\n if (!hadClampClass) this.contentEl.classList.add(CLAMP_CLASS);\n } else {\n this.contentEl.classList.remove(CLAMP_CLASS);\n }\n };\n\n componentDidLoad() {\n this.deferCheck();\n window.addEventListener('resize', this.checkClamped);\n // Observe element size/content changes (panel open, fonts, etc.)\n if ('ResizeObserver' in window) {\n this.ro = new ResizeObserver(() => this.checkClamped());\n if (this.contentEl) this.ro.observe(this.contentEl);\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.checkClamped);\n this.ro?.disconnect();\n }\n\n @Watch('text')\n onTextChange() {\n this.deferCheck();\n }\n\n @Watch('lines')\n onLinesChange() {\n this.deferCheck();\n }\n\n render() {\n const t = useTranslation();\n const theme = configStore.get('theme');\n\n return (\n <Host>\n <div>\n <p\n ref={el => (this.contentEl = el as HTMLDivElement)}\n class={`z-line-clamp-text ${this.textColor}-${theme} ${this.showMore ? '' : 'z-line-clamp'}`}\n style={{ '--z-line-clamp': String(this.lines) } as any}\n >\n {this.text}\n </p>\n\n {this.isClamped && (\n <div\n class={`z-line-clamp-wrapper z-text-primary-${theme}`}\n onClick={() => {\n this.showMore = !this.showMore;\n this.deferCheck();\n }}\n >\n <div class=\"mt-1\">{this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')}</div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}