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-CIqBPcUJ.js.map → p-r6Y-THRS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CIqBPcUJ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/quick-message-modal/quick-message-modal.css?tag=quick-message-modal","src/components/quick-message-modal/quick-message-modal.tsx"],"sourcesContent":[".quick-message-overlay {\n --quick-message-modal-base-z-index: var(--quick-message-modal-z-index, 2147483000);\n --quick-message-overlay-padding: clamp(16px, 2vh, 40px);\n position: fixed;\n inset: 0;\n display: grid;\n place-items: center;\n padding: var(--quick-message-overlay-padding);\n box-sizing: border-box;\n background: rgba(0, 0, 0, 0.5);\n z-index: var(--quick-message-modal-base-z-index);\n}\n\n.quick-message-container {\n width: min(960px, 92vw);\n height: min(850px, 90vh);\n max-height: min(90vh, calc(100vh - 2 * var(--quick-message-overlay-padding, 0px)));\n border-radius: 16px;\n box-shadow: 0 20px 45px rgba(17, 24, 39, 0.25);\n display: flex;\n flex-direction: column;\n --quick-modal-surface: var(--color-background);\n --quick-modal-primary: var(--color-primary);\n --quick-modal-primary-soft: color-mix(in srgb, var(--quick-modal-primary) 14%, transparent);\n --quick-modal-primary-border: color-mix(in srgb, var(--quick-modal-primary) 55%, transparent);\n --quick-modal-primary-shadow: color-mix(in srgb, var(--quick-modal-primary) 22%, transparent);\n --quick-modal-primary-ghost: color-mix(in srgb, var(--quick-modal-primary) 18%, var(--quick-modal-surface));\n}\n\n.quick-message-container.theme-dark {\n --quick-modal-surface: var(--color-background-dark);\n --quick-modal-primary: var(--color-primary-dark);\n}\n\n.modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px 24px 12px;\n border-bottom: 1px solid rgba(148, 163, 184, 0.35);\n}\n\n.modal-header h2 {\n font-size: 18px;\n font-weight: 600;\n margin: 0;\n}\n\n.close-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 9999px;\n border: none;\n background: transparent;\n cursor: pointer;\n}\n\n.tab-header {\n display: flex;\n gap: 12px;\n padding: 12px 24px;\n border-bottom: 1px solid rgba(148, 163, 184, 0.35);\n}\n\n.tab-header button {\n padding: 8px 16px;\n border-radius: 9999px;\n border: none;\n background: transparent;\n font-weight: 600;\n cursor: pointer;\n color: rgba(100, 116, 139, 1);\n}\n\n.tab-header button.active {\n background: var(--quick-modal-primary-soft);\n color: var(--quick-modal-primary);\n}\n\n.tab-content {\n flex: 1;\n padding: 16px 24px 24px;\n display: flex;\n flex-direction: column;\n min-height: 0;\n overflow: hidden;\n}\n\n@media (max-width: 768px) {\n .quick-message-container {\n width: 96vw;\n max-height: 92vh;\n }\n}\n","import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { configStore } from '../../store/store';\nimport { QuickMessageLibraryFile, QuickMessageTemplate as QuickMessageTemplateModel } from '../../store/type';\nimport { useTranslation } from '../../utils/utils';\nimport { Icon } from '../internal-component/icon';\n\n@Component({\n tag: 'quick-message-modal',\n styleUrl: 'quick-message-modal.css',\n})\nexport class QuickMessageModal {\n @Prop() isZignal: boolean = true;\n\n @State() activeTab: 'template' \| 'image' \| 'file' = 'template';\n @State() private templates: QuickMessageTemplateModel[] = [];\n @State() private images: QuickMessageLibraryFile[] = [];\n @State() private files: QuickMessageLibraryFile[] = [];\n\n @Event({ bubbles: true, composed: true }) close!: EventEmitter<void>;\n @Event({ bubbles: true, composed: true }) sendQuickMessageLibrary!: EventEmitter<{ type: 'image' \| 'file'; items: QuickMessageLibraryFile[] }>;\n @Event({ bubbles: true, composed: true }) sendTemplate!: EventEmitter<QuickMessageTemplateModel>;\n\n private readonly handleClose = () => {\n this.close.emit();\n };\n\n private setTab(tab: 'template' \| 'image' \| 'file') {\n this.activeTab = tab;\n }\n\n private cloneTemplates(templates: QuickMessageTemplateModel[]): QuickMessageTemplateModel[] {\n return (templates \|\| []).map(template => {\n const rawContents = template.contents \|\| [];\n\n const normalizedContents = rawContents.map(content => {\n const rawMenuList = content.menu_list \|\| [];\n const menuList = rawMenuList.map(menu => ({\n ...menu,\n buttons: (menu.buttons \|\| []).map(button => ({ ...button })),\n }));\n\n return {\n ...content,\n buttons: (content.buttons \|\| []).map(button => ({ ...button })),\n menu_list: menuList,\n menuList,\n };\n });\n\n return {\n ...template,\n content: normalizedContents,\n };\n });\n }\n\n private cloneLibrary(library: QuickMessageLibraryFile[]): QuickMessageLibraryFile[] {\n return (library \|\| []).map(item => ({\n ...item,\n isSelected: item.isSelected ?? false,\n }));\n }\n\n private handleTemplatesChange(event: CustomEvent<QuickMessageTemplateModel[]>) {\n this.templates = this.cloneTemplates(event.detail \|\| []);\n }\n\n private handleImagesChange(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.images = this.cloneLibrary(event.detail \|\| []);\n }\n\n private handleFilesChange(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.files = this.cloneLibrary(event.detail \|\| []);\n }\n\n private handleTemplateSend(event: CustomEvent<QuickMessageTemplateModel>) {\n this.sendTemplate.emit(event.detail);\n }\n\n private handleImageSend(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.sendQuickMessageLibrary.emit({ type: 'image', items: this.cloneLibrary(event.detail \|\| []) });\n }\n\n private handleFileSend(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.sendQuickMessageLibrary.emit({ type: 'file', items: this.cloneLibrary(event.detail \|\| []) });\n }\n\n render() {\n const theme = configStore.get('theme');\n const t = useTranslation();\n\n return (\n <Host>\n <div class=\"quick-message-overlay\" onClick={() => this.handleClose()}>\n <div class={`quick-message-container z-background-${theme} z-text-${theme}`} onClick={event => event.stopPropagation()}>\n <header class=\"modal-header\">\n <h2>{t('quick_message.title')}</h2>\n <button class=\"close-button\" type=\"button\" onClick={() => this.handleClose()}>\n <Icon name=\"X\" />\n </button>\n </header>\n\n <nav class=\"tab-header text-sm\">\n <button class={this.activeTab === 'template' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('template')}>\n {t('quick_message.tab_template')}\n </button>\n <button class={this.activeTab === 'image' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('image')}>\n {t('image')}\n </button>\n <button class={this.activeTab === 'file' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('file')}>\n {t('file')}\n </button>\n </nav>\n\n <section class=\"tab-content\">\n {this.activeTab === 'template' && (\n <quick-message-template\n handleClose={this.handleClose}\n value={this.templates}\n onTemplatesChange={event => this.handleTemplatesChange(event)}\n onSendTemplate={event => this.handleTemplateSend(event)}\n isZignal={this.isZignal}\n />\n )}\n {this.activeTab === 'image' && (\n <quick-message-image\n handleClose={this.handleClose}\n value={this.images}\n onImagesChange={event => this.handleImagesChange(event)}\n onSendImages={event => this.handleImageSend(event)}\n />\n )}\n {this.activeTab === 'file' && (\n <quick-message-file\n handleClose={this.handleClose}\n value={this.files}\n onFilesChange={event => this.handleFilesChange(event)}\n onSendFiles={event => this.handleFileSend(event)}\n />\n )}\n </section>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-r6Y-THRS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/quick-message-modal/quick-message-modal.css?tag=quick-message-modal","src/components/quick-message-modal/quick-message-modal.tsx"],"sourcesContent":[".quick-message-overlay {\n --quick-message-modal-base-z-index: var(--quick-message-modal-z-index, 2147483000);\n --quick-message-overlay-padding: clamp(16px, 2vh, 40px);\n position: fixed;\n inset: 0;\n display: grid;\n place-items: center;\n padding: var(--quick-message-overlay-padding);\n box-sizing: border-box;\n background: rgba(0, 0, 0, 0.5);\n z-index: var(--quick-message-modal-base-z-index);\n}\n\n.quick-message-container {\n width: min(960px, 92vw);\n height: min(850px, 90vh);\n max-height: min(90vh, calc(100vh - 2 * var(--quick-message-overlay-padding, 0px)));\n border-radius: 16px;\n box-shadow: 0 20px 45px rgba(17, 24, 39, 0.25);\n display: flex;\n flex-direction: column;\n --quick-modal-surface: var(--color-background);\n --quick-modal-primary: var(--color-primary);\n --quick-modal-primary-soft: color-mix(in srgb, var(--quick-modal-primary) 14%, transparent);\n --quick-modal-primary-border: color-mix(in srgb, var(--quick-modal-primary) 55%, transparent);\n --quick-modal-primary-shadow: color-mix(in srgb, var(--quick-modal-primary) 22%, transparent);\n --quick-modal-primary-ghost: color-mix(in srgb, var(--quick-modal-primary) 18%, var(--quick-modal-surface));\n}\n\n.quick-message-container.theme-dark {\n --quick-modal-surface: var(--color-background-dark);\n --quick-modal-primary: var(--color-primary-dark);\n}\n\n.modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px 24px 12px;\n border-bottom: 1px solid rgba(148, 163, 184, 0.35);\n}\n\n.modal-header h2 {\n font-size: 18px;\n font-weight: 600;\n margin: 0;\n}\n\n.close-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 9999px;\n border: none;\n background: transparent;\n cursor: pointer;\n}\n\n.tab-header {\n display: flex;\n gap: 12px;\n padding: 12px 24px;\n border-bottom: 1px solid rgba(148, 163, 184, 0.35);\n}\n\n.tab-header button {\n padding: 8px 16px;\n border-radius: 9999px;\n border: none;\n background: transparent;\n font-weight: 600;\n cursor: pointer;\n color: rgba(100, 116, 139, 1);\n}\n\n.tab-header button.active {\n background: var(--quick-modal-primary-soft);\n color: var(--quick-modal-primary);\n}\n\n.tab-content {\n flex: 1;\n padding: 16px 24px 24px;\n display: flex;\n flex-direction: column;\n min-height: 0;\n overflow: hidden;\n}\n\n@media (max-width: 768px) {\n .quick-message-container {\n width: 96vw;\n max-height: 92vh;\n }\n}\n","import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { configStore } from '../../store/store';\nimport { QuickMessageLibraryFile, QuickMessageTemplate as QuickMessageTemplateModel } from '../../store/type';\nimport { useTranslation } from '../../utils/utils';\nimport { Icon } from '../internal-component/icon';\n\n@Component({\n tag: 'quick-message-modal',\n styleUrl: 'quick-message-modal.css',\n})\nexport class QuickMessageModal {\n @Prop() isZignal: boolean = true;\n\n @State() activeTab: 'template' \| 'image' \| 'file' = 'template';\n @State() private templates: QuickMessageTemplateModel[] = [];\n @State() private images: QuickMessageLibraryFile[] = [];\n @State() private files: QuickMessageLibraryFile[] = [];\n\n @Event({ bubbles: true, composed: true }) close!: EventEmitter<void>;\n @Event({ bubbles: true, composed: true }) sendQuickMessageLibrary!: EventEmitter<{ type: 'image' \| 'file'; items: QuickMessageLibraryFile[] }>;\n @Event({ bubbles: true, composed: true }) sendTemplate!: EventEmitter<QuickMessageTemplateModel>;\n\n private readonly handleClose = () => {\n this.close.emit();\n };\n\n private setTab(tab: 'template' \| 'image' \| 'file') {\n this.activeTab = tab;\n }\n\n private cloneTemplates(templates: QuickMessageTemplateModel[]): QuickMessageTemplateModel[] {\n return (templates \|\| []).map(template => {\n const rawContents = template.contents \|\| [];\n\n const normalizedContents = rawContents.map(content => {\n const rawMenuList = content.menu_list \|\| [];\n const menuList = rawMenuList.map(menu => ({\n ...menu,\n buttons: (menu.buttons \|\| []).map(button => ({ ...button })),\n }));\n\n return {\n ...content,\n buttons: (content.buttons \|\| []).map(button => ({ ...button })),\n menu_list: menuList,\n menuList,\n };\n });\n\n return {\n ...template,\n content: normalizedContents,\n };\n });\n }\n\n private cloneLibrary(library: QuickMessageLibraryFile[]): QuickMessageLibraryFile[] {\n return (library \|\| []).map(item => ({\n ...item,\n isSelected: item.isSelected ?? false,\n }));\n }\n\n private handleTemplatesChange(event: CustomEvent<QuickMessageTemplateModel[]>) {\n this.templates = this.cloneTemplates(event.detail \|\| []);\n }\n\n private handleImagesChange(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.images = this.cloneLibrary(event.detail \|\| []);\n }\n\n private handleFilesChange(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.files = this.cloneLibrary(event.detail \|\| []);\n }\n\n private handleTemplateSend(event: CustomEvent<QuickMessageTemplateModel>) {\n this.sendTemplate.emit(event.detail);\n }\n\n private handleImageSend(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.sendQuickMessageLibrary.emit({ type: 'image', items: this.cloneLibrary(event.detail \|\| []) });\n }\n\n private handleFileSend(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.sendQuickMessageLibrary.emit({ type: 'file', items: this.cloneLibrary(event.detail \|\| []) });\n }\n\n render() {\n const theme = configStore.get('theme');\n const t = useTranslation();\n\n return (\n <Host>\n <div class=\"quick-message-overlay\" onClick={() => this.handleClose()}>\n <div class={`quick-message-container z-background-${theme} z-text-${theme}`} onClick={event => event.stopPropagation()}>\n <header class=\"modal-header\">\n <h2>{t('quick_message.title')}</h2>\n <button class=\"close-button\" type=\"button\" onClick={() => this.handleClose()}>\n <Icon name=\"X\" />\n </button>\n </header>\n\n <nav class=\"tab-header text-sm\">\n <button class={this.activeTab === 'template' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('template')}>\n {t('quick_message.tab_template')}\n </button>\n <button class={this.activeTab === 'image' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('image')}>\n {t('image')}\n </button>\n <button class={this.activeTab === 'file' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('file')}>\n {t('file')}\n </button>\n </nav>\n\n <section class=\"tab-content\">\n {this.activeTab === 'template' && (\n <quick-message-template\n handleClose={this.handleClose}\n value={this.templates}\n onTemplatesChange={event => this.handleTemplatesChange(event)}\n onSendTemplate={event => this.handleTemplateSend(event)}\n isZignal={this.isZignal}\n />\n )}\n {this.activeTab === 'image' && (\n <quick-message-image\n handleClose={this.handleClose}\n value={this.images}\n onImagesChange={event => this.handleImagesChange(event)}\n onSendImages={event => this.handleImageSend(event)}\n />\n )}\n {this.activeTab === 'file' && (\n <quick-message-file\n handleClose={this.handleClose}\n value={this.files}\n onFilesChange={event => this.handleFilesChange(event)}\n onSendFiles={event => this.handleFileSend(event)}\n />\n )}\n </section>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}