npm - @acorex/components - Versions diffs - 21.0.3-next.38 → 21.0.3-next.40 - Mend

@acorex/components 21.0.3-next.38 → 21.0.3-next.40

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 (122) hide show

package/fesm2022/acorex-components-conversation-voice-renderer.component-BY5FJcT8.mjs ADDED Viewed

@@ -0,0 +1,270 @@
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, DestroyRef, viewChild, signal, input, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { l as copyWithFileTypeFallback, m as AXConversationInfoBarService, x as createResolvedMediaUrlSignal, y as pickDisplayMediaUrl } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+import { AXFileTypeRegistryService } from '@acorex/core/file';
+import { AXTranslationService } from '@acorex/core/translation';
+import { A as AXConversationMessageRendererCopyHostComponent, m as mediaCopyText } from './acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs';
+import { f as formatMediaDuration } from './acorex-components-conversation-format-media-DUD4vA6F.mjs';
+import { A as AXConversationMessageRendererStateComponent } from './acorex-components-conversation-message-renderer-state.component-Dp-JdHWr.mjs';
+import { b as bindMediaRendererContentState, r as reportMediaLoadError, s as syncPlaybackInfoBarBanner } from './acorex-components-conversation-playback-banner-sync-D8FFKde6.mjs';
+/** Decorative bars when payload has no waveform (deterministic, no random). */
+const AX_CONVERSATION_FALLBACK_WAVEFORM = [
+    38, 58, 44, 72, 48, 64, 40, 68, 52, 60, 42, 56, 46, 70, 50, 62, 36, 54, 48, 66,
+];
+class AXConversationVoiceRendererComponent extends AXConversationMessageRendererCopyHostComponent {
+    copy() {
+        return copyWithFileTypeFallback(this.message(), this.fileTypes, () => {
+            const url = this.voiceUrl()?.trim();
+            return mediaCopyText(undefined, 'Voice message', 'voice messages', 1, [url]);
+        });
+    }
+    constructor() {
+        super();
+        this.fileTypes = inject(AXFileTypeRegistryService);
+        this.translation = inject(AXTranslationService);
+        this.platformId = inject(PLATFORM_ID);
+        this.destroyRef = inject(DestroyRef);
+        this.infoBarService = inject(AXConversationInfoBarService, { optional: true });
+        this.audioElementRef = viewChild('audioElement', ...(ngDevMode ? [{ debugName: "audioElementRef" }] : /* istanbul ignore next */ []));
+        this._contentState = signal('ready', ...(ngDevMode ? [{ debugName: "_contentState" }] : /* istanbul ignore next */ []));
+        this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.rendererState = computed(() => ({
+            deliveryStatus: this.message().status,
+            contentState: this._contentState(),
+        }), ...(ngDevMode ? [{ debugName: "rendererState" }] : /* istanbul ignore next */ []));
+        this.isPlaying = signal(false, ...(ngDevMode ? [{ debugName: "isPlaying" }] : /* istanbul ignore next */ []));
+        this.currentTime = signal(0, ...(ngDevMode ? [{ debugName: "currentTime" }] : /* istanbul ignore next */ []));
+        this.duration = signal(0, ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
+        this.playbackSpeed = signal(1.0, ...(ngDevMode ? [{ debugName: "playbackSpeed" }] : /* istanbul ignore next */ []));
+        this.speeds = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+        this.payload = computed(() => this.message().payload, ...(ngDevMode ? [{ debugName: "payload" }] : /* istanbul ignore next */ []));
+        this.mediaReference = computed(() => ({
+            url: this.payload().url,
+            mediaId: this.payload().mediaId,
+            mimeType: this.payload().mimeType,
+            size: this.payload().size,
+        }), ...(ngDevMode ? [{ debugName: "mediaReference" }] : /* istanbul ignore next */ []));
+        this.resolvedUrl = createResolvedMediaUrlSignal(this.mediaReference);
+        this.voiceUrl = computed(() => pickDisplayMediaUrl(this.resolvedUrl(), this.payload().url), ...(ngDevMode ? [{ debugName: "voiceUrl" }] : /* istanbul ignore next */ []));
+        this.waveformBars = computed(() => {
+            const w = this.payload().waveform;
+            return w?.length ? w : [...AX_CONVERSATION_FALLBACK_WAVEFORM];
+        }, ...(ngDevMode ? [{ debugName: "waveformBars" }] : /* istanbul ignore next */ []));
+        this.activeBarIndex = computed(() => {
+            const dur = this.duration();
+            const n = this.waveformBars().length;
+            return dur > 0 ? Math.floor((this.currentTime() / dur) * n) : 0;
+        }, ...(ngDevMode ? [{ debugName: "activeBarIndex" }] : /* istanbul ignore next */ []));
+        this.timeLabel = computed(() => formatMediaDuration(this.isPlaying() ? this.currentTime() : this.duration()), ...(ngDevMode ? [{ debugName: "timeLabel" }] : /* istanbul ignore next */ []));
+        this.voiceLoadErrorLabel = computed(() => this.translation.translateSync('@acorex:chat.renderer-state.could-not-load-voice'), ...(ngDevMode ? [{ debugName: "voiceLoadErrorLabel" }] : /* istanbul ignore next */ []));
+        bindMediaRendererContentState(this.message, this._contentState, () => this.voiceUrl());
+        effect((onCleanup) => {
+            const audioEl = this.audioElementRef()?.nativeElement;
+            if (!audioEl || !isPlatformBrowser(this.platformId)) {
+                return;
+            }
+            const onMeta = () => {
+                this.duration.set(audioEl.duration);
+            };
+            audioEl.addEventListener('loadedmetadata', onMeta);
+            onCleanup(() => audioEl.removeEventListener('loadedmetadata', onMeta));
+        });
+        this.destroyRef.onDestroy(() => {
+            const messageId = this.message()?.id;
+            if (!messageId || !this.infoBarService) {
+                return;
+            }
+            this.infoBarService.hideMessageBanner(messageId);
+        });
+    }
+    togglePlay() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const audioEl = this.audioElementRef()?.nativeElement;
+        if (!audioEl) {
+            return;
+        }
+        if (this.isPlaying()) {
+            audioEl.pause();
+            this.isPlaying.set(false);
+            this.syncInfoBarBanner();
+        }
+        else {
+            void audioEl.play();
+            this.isPlaying.set(true);
+            this.syncInfoBarBanner(true);
+        }
+    }
+    cyclePlaybackSpeed() {
+        const current = this.playbackSpeed();
+        const i = this.speeds.findIndex((s) => s === current);
+        const nextIndex = (i < 0 ? 2 : i + 1) % this.speeds.length;
+        const next = this.speeds[nextIndex] ?? 1;
+        this.playbackSpeed.set(next);
+        const audioEl = this.audioElementRef()?.nativeElement;
+        if (audioEl) {
+            audioEl.playbackRate = next;
+            this.syncInfoBarBanner();
+        }
+    }
+    onTimeUpdate() {
+        const audioEl = this.audioElementRef()?.nativeElement;
+        if (audioEl) {
+            this.currentTime.set(audioEl.currentTime);
+            this.syncInfoBarBanner();
+        }
+    }
+    onEnded() {
+        this.isPlaying.set(false);
+        this.currentTime.set(0);
+        this.syncInfoBarBanner();
+    }
+    onError() {
+        if (!reportMediaLoadError(this.message(), this._contentState)) {
+            return;
+        }
+        this.isPlaying.set(false);
+        this.infoBarService?.hideMessageBanner(this.message().id);
+    }
+    pausePlayback() {
+        const audioEl = this.audioElementRef()?.nativeElement;
+        if (!audioEl) {
+            this.isPlaying.set(false);
+            return;
+        }
+        audioEl.pause();
+        this.isPlaying.set(false);
+    }
+    syncInfoBarBanner(forceOpen = false) {
+        if (!this.infoBarService) {
+            return;
+        }
+        const message = this.message();
+        const payload = this.payload();
+        syncPlaybackInfoBarBanner(this.infoBarService, message, {
+            title: 'Voice message',
+            currentTime: this.currentTime(),
+            duration: this.duration() || payload.duration || 0,
+            isPlaying: this.isPlaying(),
+            onTogglePlay: () => this.togglePlay(),
+            onClose: () => this.pausePlayback(),
+            playbackSpeed: this.playbackSpeed(),
+            onCycleSpeed: () => this.cyclePlaybackSpeed(),
+            showSpeedControl: true,
+        }, { forceOpen });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationVoiceRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationVoiceRendererComponent, isStandalone: true, selector: "ax-conversation-voice-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "audioElementRef", first: true, predicate: ["audioElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-conversation-voice">
+      <div class="ax-conversation-voice__bar">
+        <button
+          type="button"
+          class="ax-conversation-voice__fab"
+          (click)="togglePlay()"
+          [attr.aria-label]="isPlaying() ? 'Pause' : 'Play voice message'"
+        >
+          <i class="fa-solid" [class.fa-pause]="isPlaying()" [class.fa-play]="!isPlaying()"></i>
+        </button>
+        <div class="ax-conversation-voice__wave" aria-hidden="true">
+          <div class="ax-conversation-voice__cols">
+            @for (bar of waveformBars(); track $index) {
+              <div
+                class="ax-conversation-voice__col"
+                [style.height.%]="bar"
+                [class.ax-conversation-voice__col--on]="$index < activeBarIndex()"
+              ></div>
+            }
+          </div>
+        </div>
+        <div class="ax-conversation-voice__side">
+          <button
+            type="button"
+            class="ax-conversation-voice__speed"
+            (click)="cyclePlaybackSpeed()"
+            [attr.aria-label]="'Playback speed: ' + playbackSpeed() + 'x'"
+          >
+            {{ playbackSpeed() }}x
+          </button>
+          <span class="ax-conversation-voice__time">{{ timeLabel() }}</span>
+        </div>
+      </div>
+      <audio
+        #audioElement
+        class="ax-conversation-voice__el"
+        [src]="voiceUrl() || null"
+        (error)="onError()"
+        (timeupdate)="onTimeUpdate()"
+        (ended)="onEnded()"
+      ></audio>
+      <ax-conversation-message-renderer-state
+        [rendererState]="rendererState()"
+        [message]="message()"
+        [contentErrorLabel]="voiceLoadErrorLabel()"
+        contentErrorStyle="inline"
+        contentErrorIconClass="fa-light fa-microphone"
+        placement="below"
+      />
+    </div>
+  `, isInline: true, styles: [":host{display:block;max-width:100%}.ax-conversation-voice{width:100%;max-width:min(100%,17rem)}.ax-conversation-voice__bar{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:999px;background:rgb(var(--ax-sys-color-light-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface))}.ax-conversation-voice__fab{flex-shrink:0;width:2.25rem;height:2.25rem;touch-action:manipulation;display:flex;align-items:center;justify-content:center;padding-inline-start:.12rem;border:none;border-radius:50%;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));font-size:.75rem;cursor:pointer;transition:background .15s ease}@media(hover:hover){.ax-conversation-voice__fab:hover{background:rgb(var(--ax-sys-color-primary-600))}}.ax-conversation-voice__fab:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.ax-conversation-voice__wave{flex:1;min-width:0}.ax-conversation-voice__cols{display:flex;align-items:center;gap:2px;height:1.75rem}.ax-conversation-voice__col{flex:1;min-width:2px;max-height:100%;align-self:center;border-radius:2px;background:rgb(var(--ax-sys-color-border-light-surface));transition:background .12s ease}.ax-conversation-voice__col--on{background:rgb(var(--ax-sys-color-primary-500))}.ax-conversation-voice__side{display:flex;flex-direction:column;align-items:center;gap:.125rem;flex-shrink:0}.ax-conversation-voice__speed{min-width:2.5rem;height:1.25rem;padding:0 .25rem;border:1px solid rgb(var(--ax-sys-color-primary-500));border-radius:999px;background:transparent;color:rgb(var(--ax-sys-color-primary-600));font-size:.6875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.ax-conversation-voice__speed:hover{background:rgb(var(--ax-sys-color-primary-lightest-surface))}.ax-conversation-voice__time{font-size:.625rem;font-variant-numeric:tabular-nums;opacity:.72;color:rgb(var(--ax-sys-color-primary-600))}.ax-conversation-voice__el{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationVoiceRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-voice-renderer', imports: [CommonModule, AXConversationMessageRendererStateComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ax-conversation-voice">
+      <div class="ax-conversation-voice__bar">
+        <button
+          type="button"
+          class="ax-conversation-voice__fab"
+          (click)="togglePlay()"
+          [attr.aria-label]="isPlaying() ? 'Pause' : 'Play voice message'"
+        >
+          <i class="fa-solid" [class.fa-pause]="isPlaying()" [class.fa-play]="!isPlaying()"></i>
+        </button>
+        <div class="ax-conversation-voice__wave" aria-hidden="true">
+          <div class="ax-conversation-voice__cols">
+            @for (bar of waveformBars(); track $index) {
+              <div
+                class="ax-conversation-voice__col"
+                [style.height.%]="bar"
+                [class.ax-conversation-voice__col--on]="$index < activeBarIndex()"
+              ></div>
+            }
+          </div>
+        </div>
+        <div class="ax-conversation-voice__side">
+          <button
+            type="button"
+            class="ax-conversation-voice__speed"
+            (click)="cyclePlaybackSpeed()"
+            [attr.aria-label]="'Playback speed: ' + playbackSpeed() + 'x'"
+          >
+            {{ playbackSpeed() }}x
+          </button>
+          <span class="ax-conversation-voice__time">{{ timeLabel() }}</span>
+        </div>
+      </div>
+      <audio
+        #audioElement
+        class="ax-conversation-voice__el"
+        [src]="voiceUrl() || null"
+        (error)="onError()"
+        (timeupdate)="onTimeUpdate()"
+        (ended)="onEnded()"
+      ></audio>
+      <ax-conversation-message-renderer-state
+        [rendererState]="rendererState()"
+        [message]="message()"
+        [contentErrorLabel]="voiceLoadErrorLabel()"
+        contentErrorStyle="inline"
+        contentErrorIconClass="fa-light fa-microphone"
+        placement="below"
+      />
+    </div>
+  `, styles: [":host{display:block;max-width:100%}.ax-conversation-voice{width:100%;max-width:min(100%,17rem)}.ax-conversation-voice__bar{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:999px;background:rgb(var(--ax-sys-color-light-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface))}.ax-conversation-voice__fab{flex-shrink:0;width:2.25rem;height:2.25rem;touch-action:manipulation;display:flex;align-items:center;justify-content:center;padding-inline-start:.12rem;border:none;border-radius:50%;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));font-size:.75rem;cursor:pointer;transition:background .15s ease}@media(hover:hover){.ax-conversation-voice__fab:hover{background:rgb(var(--ax-sys-color-primary-600))}}.ax-conversation-voice__fab:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.ax-conversation-voice__wave{flex:1;min-width:0}.ax-conversation-voice__cols{display:flex;align-items:center;gap:2px;height:1.75rem}.ax-conversation-voice__col{flex:1;min-width:2px;max-height:100%;align-self:center;border-radius:2px;background:rgb(var(--ax-sys-color-border-light-surface));transition:background .12s ease}.ax-conversation-voice__col--on{background:rgb(var(--ax-sys-color-primary-500))}.ax-conversation-voice__side{display:flex;flex-direction:column;align-items:center;gap:.125rem;flex-shrink:0}.ax-conversation-voice__speed{min-width:2.5rem;height:1.25rem;padding:0 .25rem;border:1px solid rgb(var(--ax-sys-color-primary-500));border-radius:999px;background:transparent;color:rgb(var(--ax-sys-color-primary-600));font-size:.6875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.ax-conversation-voice__speed:hover{background:rgb(var(--ax-sys-color-primary-lightest-surface))}.ax-conversation-voice__time{font-size:.625rem;font-variant-numeric:tabular-nums;opacity:.72;color:rgb(var(--ax-sys-color-primary-600))}.ax-conversation-voice__el{display:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { audioElementRef: [{ type: i0.ViewChild, args: ['audioElement', { isSignal: true }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
+export { AXConversationVoiceRendererComponent };
+//# sourceMappingURL=acorex-components-conversation-voice-renderer.component-BY5FJcT8.mjs.map

package/fesm2022/acorex-components-conversation-voice-renderer.component-BY5FJcT8.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"acorex-components-conversation-voice-renderer.component-BY5FJcT8.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/voice-renderer/voice-renderer.component.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n PLATFORM_ID,\n computed,\n effect,\n inject,\n input,\n signal,\n viewChild,\n} from '@angular/core';\nimport { AXConversationInfoBarService } from '../../../../components';\nimport type { AXConversationMessage, AXConversationVoicePayload } from '../../../../models';\nimport type { AXConversationMessageRendererContentState } from '../../../../registries/message-renderer.registry';\nimport { AXFileTypeRegistryService } from '@acorex/core/file';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { AXConversationMessageRendererCopyHostComponent, mediaCopyText } from '../shared/message-renderer-copy-host.component';\nimport { copyWithFileTypeFallback } from '../../../../utils/file-type-message.resolve';\nimport { pickDisplayMediaUrl } from '../../../composer/components/shared/persisted-media-url';\nimport { formatMediaDuration } from '../shared/format-media';\nimport { createResolvedMediaUrlSignal } from '../shared/media-url-resolve';\nimport { AXConversationMessageRendererStateComponent } from '../shared/message-renderer-state.component';\nimport { bindMediaRendererContentState, reportMediaLoadError } from '../shared/media-renderer-content-state';\nimport { syncPlaybackInfoBarBanner } from '../shared/playback-banner-sync';\n\n/** Decorative bars when payload has no waveform (deterministic, no random). */\nconst AX_CONVERSATION_FALLBACK_WAVEFORM: readonly number[] = [\n 38, 58, 44, 72, 48, 64, 40, 68, 52, 60, 42, 56, 46, 70, 50, 62, 36, 54, 48, 66,\n];\n\n@Component({\n selector: 'ax-conversation-voice-renderer',\n imports: [CommonModule, AXConversationMessageRendererStateComponent],\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `\n <div class=\"ax-conversation-voice\">\n <div class=\"ax-conversation-voice__bar\">\n <button\n type=\"button\"\n class=\"ax-conversation-voice__fab\"\n (click)=\"togglePlay()\"\n [attr.aria-label]=\"isPlaying() ? 'Pause' : 'Play voice message'\"\n >\n <i class=\"fa-solid\" [class.fa-pause]=\"isPlaying()\" [class.fa-play]=\"!isPlaying()\"></i>\n </button>\n <div class=\"ax-conversation-voice__wave\" aria-hidden=\"true\">\n <div class=\"ax-conversation-voice__cols\">\n @for (bar of waveformBars(); track $index) {\n <div\n class=\"ax-conversation-voice__col\"\n [style.height.%]=\"bar\"\n [class.ax-conversation-voice__col--on]=\"$index < activeBarIndex()\"\n ></div>\n }\n </div>\n </div>\n <div class=\"ax-conversation-voice__side\">\n <button\n type=\"button\"\n class=\"ax-conversation-voice__speed\"\n (click)=\"cyclePlaybackSpeed()\"\n [attr.aria-label]=\"'Playback speed: ' + playbackSpeed() + 'x'\"\n >\n {{ playbackSpeed() }}x\n </button>\n <span class=\"ax-conversation-voice__time\">{{ timeLabel() }}</span>\n </div>\n </div>\n <audio\n #audioElement\n class=\"ax-conversation-voice__el\"\n [src]=\"voiceUrl() || null\"\n (error)=\"onError()\"\n (timeupdate)=\"onTimeUpdate()\"\n (ended)=\"onEnded()\"\n ></audio>\n <ax-conversation-message-renderer-state\n [rendererState]=\"rendererState()\"\n [message]=\"message()\"\n [contentErrorLabel]=\"voiceLoadErrorLabel()\"\n contentErrorStyle=\"inline\"\n contentErrorIconClass=\"fa-light fa-microphone\"\n placement=\"below\"\n />\n </div>\n `,\n styles: [\n `\n :host {\n display: block;\n max-width: 100%;\n }\n\n .ax-conversation-voice {\n width: 100%;\n max-width: min(100%, 17rem);\n }\n\n .ax-conversation-voice__bar {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.375rem 0.5rem;\n border-radius: 999px;\n background: rgb(var(--ax-sys-color-light-surface));\n border: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n }\n\n .ax-conversation-voice__fab {\n flex-shrink: 0;\n width: 2.25rem;\n height: 2.25rem;\n touch-action: manipulation;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-inline-start: 0.12rem;\n border: none;\n border-radius: 50%;\n background: rgb(var(--ax-sys-color-primary-500));\n color: rgb(var(--ax-sys-color-on-primary-surface));\n font-size: 0.75rem;\n cursor: pointer;\n transition: background 0.15s ease;\n }\n\n @media (hover: hover) {\n .ax-conversation-voice__fab:hover {\n background: rgb(var(--ax-sys-color-primary-600));\n }\n }\n\n .ax-conversation-voice__fab:focus-visible {\n outline: 2px solid rgb(var(--ax-sys-color-primary-500));\n outline-offset: 2px;\n }\n\n .ax-conversation-voice__wave {\n flex: 1;\n min-width: 0;\n }\n\n .ax-conversation-voice__cols {\n display: flex;\n align-items: center;\n gap: 2px;\n height: 1.75rem;\n }\n\n .ax-conversation-voice__col {\n flex: 1;\n min-width: 2px;\n max-height: 100%;\n align-self: center;\n border-radius: 2px;\n background: rgb(var(--ax-sys-color-border-light-surface));\n transition: background 0.12s ease;\n }\n\n .ax-conversation-voice__col--on {\n background: rgb(var(--ax-sys-color-primary-500));\n }\n\n .ax-conversation-voice__side {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.125rem;\n flex-shrink: 0;\n }\n\n .ax-conversation-voice__speed {\n min-width: 2.5rem;\n height: 1.25rem;\n padding: 0 0.25rem;\n border: 1px solid rgb(var(--ax-sys-color-primary-500));\n border-radius: 999px;\n background: transparent;\n color: rgb(var(--ax-sys-color-primary-600));\n font-size: 0.6875rem;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.15s ease;\n }\n\n .ax-conversation-voice__speed:hover {\n background: rgb(var(--ax-sys-color-primary-lightest-surface));\n }\n\n .ax-conversation-voice__time {\n font-size: 0.625rem;\n font-variant-numeric: tabular-nums;\n opacity: 0.72;\n color: rgb(var(--ax-sys-color-primary-600));\n }\n\n .ax-conversation-voice__el {\n display: none;\n }\n `,\n ],\n})\nexport class AXConversationVoiceRendererComponent extends AXConversationMessageRendererCopyHostComponent {\n private readonly fileTypes = inject(AXFileTypeRegistryService);\n private readonly translation = inject(AXTranslationService);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly destroyRef = inject(DestroyRef);\n private readonly infoBarService = inject(AXConversationInfoBarService, { optional: true });\n private readonly audioElementRef = viewChild<ElementRef<HTMLAudioElement>>('audioElement');\n\n private readonly _contentState = signal<AXConversationMessageRendererContentState>('ready');\n\n readonly message = input.required<AXConversationMessage>();\n readonly rendererState = computed(() => ({\n deliveryStatus: this.message().status,\n contentState: this._contentState(),\n }));\n\n readonly isPlaying = signal(false);\n readonly currentTime = signal(0);\n readonly duration = signal(0);\n readonly playbackSpeed = signal(1.0);\n\n private readonly speeds = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2] as const;\n\n readonly payload = computed(() => this.message().payload as AXConversationVoicePayload);\n private readonly mediaReference = computed(() => ({\n url: this.payload().url,\n mediaId: this.payload().mediaId,\n mimeType: this.payload().mimeType,\n size: this.payload().size,\n }));\n private readonly resolvedUrl = createResolvedMediaUrlSignal(this.mediaReference);\n readonly voiceUrl = computed(() => pickDisplayMediaUrl(this.resolvedUrl(), this.payload().url));\n\n readonly waveformBars = computed(() => {\n const w = this.payload().waveform;\n return w?.length ? w : [...AX_CONVERSATION_FALLBACK_WAVEFORM];\n });\n\n readonly activeBarIndex = computed(() => {\n const dur = this.duration();\n const n = this.waveformBars().length;\n return dur > 0 ? Math.floor((this.currentTime() / dur) * n) : 0;\n });\n\n readonly timeLabel = computed(() => formatMediaDuration(this.isPlaying() ? this.currentTime() : this.duration()));\n\n readonly voiceLoadErrorLabel = computed(() =>\n this.translation.translateSync('@acorex:chat.renderer-state.could-not-load-voice'),\n );\n\n copy(): Promise<string> {\n return copyWithFileTypeFallback(this.message(), this.fileTypes, () => {\n const url = this.voiceUrl()?.trim();\n return mediaCopyText(undefined, 'Voice message', 'voice messages', 1, [url]);\n });\n }\n\n constructor() {\n super();\n bindMediaRendererContentState(this.message, this._contentState, () => this.voiceUrl());\n\n effect((onCleanup) => {\n const audioEl = this.audioElementRef()?.nativeElement;\n if (!audioEl || !isPlatformBrowser(this.platformId)) {\n return;\n }\n const onMeta = (): void => {\n this.duration.set(audioEl.duration);\n };\n audioEl.addEventListener('loadedmetadata', onMeta);\n onCleanup(() => audioEl.removeEventListener('loadedmetadata', onMeta));\n });\n\n this.destroyRef.onDestroy(() => {\n const messageId = this.message()?.id;\n if (!messageId || !this.infoBarService) {\n return;\n }\n this.infoBarService.hideMessageBanner(messageId);\n });\n }\n\n togglePlay(): void {\n if (!isPlatformBrowser(this.platformId)) {\n return;\n }\n const audioEl = this.audioElementRef()?.nativeElement;\n if (!audioEl) {\n return;\n }\n if (this.isPlaying()) {\n audioEl.pause();\n this.isPlaying.set(false);\n this.syncInfoBarBanner();\n } else {\n void audioEl.play();\n this.isPlaying.set(true);\n this.syncInfoBarBanner(true);\n }\n }\n\n cyclePlaybackSpeed(): void {\n const current = this.playbackSpeed();\n const i = this.speeds.findIndex((s) => s === current);\n const nextIndex = (i < 0 ? 2 : i + 1) % this.speeds.length;\n const next = this.speeds[nextIndex] ?? 1;\n this.playbackSpeed.set(next);\n const audioEl = this.audioElementRef()?.nativeElement;\n if (audioEl) {\n audioEl.playbackRate = next;\n this.syncInfoBarBanner();\n }\n }\n\n onTimeUpdate(): void {\n const audioEl = this.audioElementRef()?.nativeElement;\n if (audioEl) {\n this.currentTime.set(audioEl.currentTime);\n this.syncInfoBarBanner();\n }\n }\n\n onEnded(): void {\n this.isPlaying.set(false);\n this.currentTime.set(0);\n this.syncInfoBarBanner();\n }\n\n onError(): void {\n if (!reportMediaLoadError(this.message(), this._contentState)) {\n return;\n }\n this.isPlaying.set(false);\n this.infoBarService?.hideMessageBanner(this.message().id);\n }\n\n private pausePlayback(): void {\n const audioEl = this.audioElementRef()?.nativeElement;\n if (!audioEl) {\n this.isPlaying.set(false);\n return;\n }\n audioEl.pause();\n this.isPlaying.set(false);\n }\n\n private syncInfoBarBanner(forceOpen = false): void {\n if (!this.infoBarService) {\n return;\n }\n const message = this.message();\n const payload = this.payload();\n\n syncPlaybackInfoBarBanner(\n this.infoBarService,\n message,\n {\n title: 'Voice message',\n currentTime: this.currentTime(),\n duration: this.duration() || payload.duration || 0,\n isPlaying: this.isPlaying(),\n onTogglePlay: () => this.togglePlay(),\n onClose: () => this.pausePlayback(),\n playbackSpeed: this.playbackSpeed(),\n onCycleSpeed: () => this.cyclePlaybackSpeed(),\n showSpeedControl: true,\n },\n { forceOpen },\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-conversation.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { D as AXConversationAiResponderService, E as AXConversationApi, F as AXConversationBaseRegistry, G as AXConversationComposerActionRegistry, H as AXConversationComposerComponent, I as AXConversationComposerPopupComponent, o as AXConversationComposerService, J as AXConversationComposerTabRegistry, K as AXConversationContainerComponent, L as AXConversationContainerDirective, M as AXConversationDateUtilsService, N as AXConversationErrorHandlerService, O as AXConversationForwardMessageDialogComponent, P as AXConversationIndexedDbConversationApi, Q as AXConversationIndexedDbMessageAiApi, R as AXConversationIndexedDbMessageApi, S as AXConversationIndexedDbRealtimeApi, T as AXConversationIndexedDbStorage, U as AXConversationIndexedDbStores, V as AXConversationIndexedDbUserApi, W as AXConversationInfiniteScrollDirective, X as AXConversationInfoBarActionRegistry, Y as AXConversationInfoBarComponent, m as AXConversationInfoBarService, Z as AXConversationItemActionRegistry, _ as AXConversationMessageActionRegistry, $ as AXConversationMessageApi, a0 as AXConversationMessageListComponent, a1 as AXConversationMessageListNoActiveDefaultComponent, z as AXConversationMessageListService, a2 as AXConversationMessageRendererRegistry, e as AXConversationMessageUtilsService, a3 as AXConversationModule, a4 as AXConversationNewDialogComponent, a5 as AXConversationRealtimeApi, a6 as AXConversationRegistryService, A as AXConversationService, a7 as AXConversationSharedStorage, a8 as AXConversationSidebarComponent, a9 as AXConversationSidebarService, aa as AXConversationTabRegistry, ab as AXConversationUserApi, ac as AX_ALL_CONVERSATION_COMPOSER_TABS, ad as AX_ALL_CONVERSATION_MEDIA_PICKERS, ae as AX_CONVERSATION_AI_API_KEY, p as AX_CONVERSATION_AUDIO_CATALOG, af as AX_CONVERSATION_AUDIO_RENDERER, ag as AX_CONVERSATION_COMPOSER_AUDIO_ACTION, ah as AX_CONVERSATION_COMPOSER_EMOJI_ACTION, ai as AX_CONVERSATION_COMPOSER_EMOJI_TAB, aj as AX_CONVERSATION_COMPOSER_FILE_ACTION, ak as AX_CONVERSATION_COMPOSER_IMAGE_ACTION, al as AX_CONVERSATION_COMPOSER_LOCATION_ACTION, am as AX_CONVERSATION_COMPOSER_STICKER_TAB, an as AX_CONVERSATION_COMPOSER_VIDEO_ACTION, ao as AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, ap as AX_CONVERSATION_CONFIG, aq as AX_CONVERSATION_CONNECTION_ERRORS, ar as AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, as as AX_CONVERSATION_CURSOR_PREFIX, at as AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, au as AX_CONVERSATION_DEFAULT_COMPOSER_TABS, av as AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, aw as AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, ax as AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, ay as AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, az as AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, aA as AX_CONVERSATION_ERRORS, aB as AX_CONVERSATION_ERROR_HANDLER_CONFIG, aC as AX_CONVERSATION_ERROR_MESSAGES, aD as AX_CONVERSATION_FALLBACK_RENDERER, q as AX_CONVERSATION_FILE_CATALOG, aE as AX_CONVERSATION_FILE_ERRORS, aF as AX_CONVERSATION_FILE_RENDERER, aG as AX_CONVERSATION_FILE_TYPES_READY, t as AX_CONVERSATION_IMAGE_CATALOG, aH as AX_CONVERSATION_IMAGE_RENDERER, aI as AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, aJ as AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, aK as AX_CONVERSATION_INFO_BAR_DELETE_ACTION, aL as AX_CONVERSATION_INFO_BAR_DIVIDER, aM as AX_CONVERSATION_INFO_BAR_MUTE_ACTION, aN as AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, aO as AX_CONVERSATION_ITEM_BLOCK_ACTION, aP as AX_CONVERSATION_ITEM_DELETE_ACTION, aQ as AX_CONVERSATION_ITEM_DIVIDER, aR as AX_CONVERSATION_ITEM_MARK_READ_ACTION, aS as AX_CONVERSATION_ITEM_MUTE_ACTION, aT as AX_CONVERSATION_ITEM_PIN_ACTION, aU as AX_CONVERSATION_LOCATION_ERRORS, aV as AX_CONVERSATION_LOCATION_RENDERER, aW as AX_CONVERSATION_MESSAGE_CURSOR_PREFIX, aX as AX_CONVERSATION_MESSAGE_DELETE_ACTION, aY as AX_CONVERSATION_MESSAGE_EDIT_ACTION, aZ as AX_CONVERSATION_MESSAGE_ERRORS, a_ as AX_CONVERSATION_MESSAGE_FORWARD_ACTION, a$ as AX_CONVERSATION_MESSAGE_REPLY_ACTION, B as AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, b0 as AX_CONVERSATION_REGISTRY_CONFIG, b1 as AX_CONVERSATION_STICKER_RENDERER, b2 as AX_CONVERSATION_SYSTEM_RENDERER, b3 as AX_CONVERSATION_TAB_ALL, b4 as AX_CONVERSATION_TAB_ARCHIVED, b5 as AX_CONVERSATION_TAB_BOT, b6 as AX_CONVERSATION_TAB_CHANNELS, b7 as AX_CONVERSATION_TAB_GROUPS, b8 as AX_CONVERSATION_TAB_PRIVATE, b9 as AX_CONVERSATION_TAB_UNREAD, ba as AX_CONVERSATION_TEXT_RENDERER, bb as AX_CONVERSATION_URL_ERRORS, bc as AX_CONVERSATION_USER_AVATAR_COMPONENT, bd as AX_CONVERSATION_USER_ERRORS, u as AX_CONVERSATION_VIDEO_CATALOG, be as AX_CONVERSATION_VIDEO_RENDERER, v as AX_CONVERSATION_VOICE_CATALOG, bf as AX_CONVERSATION_VOICE_RENDERER, bg as AX_DEFAULT_CONVERSATION_CONFIG, bh as applyConversationFilters, i as axConversationIndexedDbStorage, k as axConversationSharedStorage, l as copyWithFileTypeFallback, x as createResolvedMediaUrlSignal, bi as encodeConversationCursor, bj as encodeMessageCursor, bk as formatErrorMessage, bl as getConversationLastActivity, bm as getConversationMessagesNewestFirst, bn as getErrorMessage, bo as getSortedConversationsForInbox, bp as inferFileExtensionHintFromMessage, bq as isComposerTabEnabled, br as isGenericPrivateConversationTitle, bs as isMediaPickerEnabled, bt as mergeWithDefaults, bu as normalizeAllConversationMessageIndexes, n as normalizeImagePayload, bv as normalizeMessagePayload, bw as normalizeMessagePayloadAsync, bx as openWithFileType, by as paginateChatNewestFirst, bz as paginateChatOldestFirst, bA as parseChatCursor, y as pickDisplayMediaUrl, bB as provideConversation, bC as provideConversationComposerFileTypes, bD as provideConversationFileCatalog, j as registerChatMessage, bE as resolveConversationAvatarDisplay, bF as resolveConversationComposerTabs, bG as resolveConversationForViewer, bH as resolveConversationMediaPickers, C as resolveConversationMessageFileType, bI as resolveConversationTitleForViewer, d as resolveImageDisplayUrl, b as resolveParticipantProfile, bJ as resolvePrivatePeerParticipant, a as resolvePrivatePeerUserId, bK as resolveUserAvatarDisplay, bL as sanitizeInput, bM as shouldUseUserAvatarForConversation, bN as sortConversationMessageIds, w as toMediaItemUploaderReference, bO as unregisterChatMessage, bP as validateConversationId, bQ as validateEmail, bR as validateLatitude, bS as validateLongitude, bT as validateMessagePayload, bU as validateMessageText, bV as validateMessageType, bW as validateUrl, bX as validateUserId, bY as validateUserIds } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
2	+ //# sourceMappingURL=acorex-components-conversation.mjs.map

package/fesm2022/acorex-components-conversation.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"acorex-components-conversation.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/fesm2022/acorex-components-kbd.mjs CHANGED Viewed

@@ -43,11 +43,11 @@ class AXKBDComponent extends NXComponent {
     }
     #eff;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXKBDComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXKBDComponent, isStandalone: true, selector: "ax-kbd", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXKBDComponent }], queries: [{ propertyName: "kbdItem", predicate: AXKBDItemComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-kbd-item\"></ng-content>\n", styles: ["@layer properties;ax-kbd{display:flex;gap:calc(var(--spacing, .25rem) * 4);--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);-webkit-user-select:none;user-select:none}ax-kbd ax-kbd-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-kbd ax-kbd-item .ax-kbd-text{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}ax-kbd ax-kbd-item .ax-kbd-inner-text{display:flex;height:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-kbd ax-kbd-item .ax-kbd-separator{display:inline-flex;align-items:center;align-self:center;font-size:11px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%}ax-kbd ax-kbd-item kbd{display:flex;height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;border-radius:6px;padding-inline:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--ax-sys-font-family);font-weight:var(--ax-sys-font-family)}ax-kbd ax-kbd-item kbd.ax-fill{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}ax-kbd ax-kbd-item kbd.ax-solid{border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-kbd-item-border-color,var(--ax-sys-color-dark-surface)));background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-lightest-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-kbd ax-kbd-item kbd.ax-blank{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXKBDComponent, isStandalone: true, selector: "ax-kbd", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXKBDComponent }], queries: [{ propertyName: "kbdItem", predicate: AXKBDItemComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-kbd-item\"></ng-content>\n", styles: ["@layer properties;ax-kbd{display:flex;gap:calc(var(--spacing, .25rem) * 4);--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);-webkit-user-select:none;user-select:none}ax-kbd ax-kbd-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-kbd ax-kbd-item .ax-kbd-text{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}ax-kbd ax-kbd-item .ax-kbd-inner-text{display:flex;height:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-kbd ax-kbd-item .ax-kbd-separator{display:inline-flex;align-items:center;align-self:center;font-size:11px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%}ax-kbd ax-kbd-item kbd{display:flex;height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;border-radius:6px;padding-inline:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--ax-sys-font-family);font-weight:var(--ax-sys-font-family)}ax-kbd ax-kbd-item kbd.ax-fill{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}ax-kbd ax-kbd-item kbd.ax-solid{border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-kbd-item-border-color,var(--ax-sys-color-dark-surface)));background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-lightest-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-kbd ax-kbd-item kbd.ax-blank{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXKBDComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-kbd', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXKBDComponent }], template: "<ng-content select=\"ax-kbd-item\"></ng-content>\n", styles: ["@layer properties;ax-kbd{display:flex;gap:calc(var(--spacing, .25rem) * 4);--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);-webkit-user-select:none;user-select:none}ax-kbd ax-kbd-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-kbd ax-kbd-item .ax-kbd-text{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}ax-kbd ax-kbd-item .ax-kbd-inner-text{display:flex;height:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-kbd ax-kbd-item .ax-kbd-separator{display:inline-flex;align-items:center;align-self:center;font-size:11px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%}ax-kbd ax-kbd-item kbd{display:flex;height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;border-radius:6px;padding-inline:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--ax-sys-font-family);font-weight:var(--ax-sys-font-family)}ax-kbd ax-kbd-item kbd.ax-fill{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}ax-kbd ax-kbd-item kbd.ax-solid{border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-kbd-item-border-color,var(--ax-sys-color-dark-surface)));background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-lightest-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-kbd ax-kbd-item kbd.ax-blank{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-kbd', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXKBDComponent }], template: "<ng-content select=\"ax-kbd-item\"></ng-content>\n", styles: ["@layer properties;ax-kbd{display:flex;gap:calc(var(--spacing, .25rem) * 4);--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);-webkit-user-select:none;user-select:none}ax-kbd ax-kbd-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-kbd ax-kbd-item .ax-kbd-text{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}ax-kbd ax-kbd-item .ax-kbd-inner-text{display:flex;height:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-kbd ax-kbd-item .ax-kbd-separator{display:inline-flex;align-items:center;align-self:center;font-size:11px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%}ax-kbd ax-kbd-item kbd{display:flex;height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;border-radius:6px;padding-inline:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--ax-sys-font-family);font-weight:var(--ax-sys-font-family)}ax-kbd ax-kbd-item kbd.ax-fill{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}ax-kbd ax-kbd-item kbd.ax-solid{border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-kbd-item-border-color,var(--ax-sys-color-dark-surface)));background-color:rgba(var(--ax-comp-kbd-item-bg-color,var(--ax-sys-color-lightest-surface)));color:rgba(var(--ax-sys-color-on-lightest-surface),.74);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-kbd ax-kbd-item kbd.ax-blank{border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;color:rgba(var(--ax-sys-color-on-lightest-surface),.74)}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { kbdItem: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXKBDItemComponent), { ...{ descendants: true }, isSignal: true }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }] } });
 /**

package/fesm2022/acorex-components-kbd.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-kbd.mjs","sources":["../../../../packages/components/kbd/src/lib/kbd-item/kbd-item.component.ts","../../../../packages/components/kbd/src/lib/kbd-item/kbd-item.component.html","../../../../packages/components/kbd/src/lib/kbd.component.ts","../../../../packages/components/kbd/src/lib/kbd.component.html","../../../../packages/components/kbd/src/acorex-components-kbd.ts"],"sourcesContent":["import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, computed, input, model, signal, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-kbd-item',\n templateUrl: './kbd-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: AXComponent, useExisting: AXKBDItemComponent }],\n})\nexport class AXKBDItemComponent extends NXComponent {\n keys = input<string[] \| string>();\n\n modifierKeys = signal(['ctrl', 'shift', 'alt', 'meta', 'esc', 'del', 'delete', 'win']);\n\n join = input<'split' \| 'joined'>('joined');\n\n look = model<'fill' \| 'solid' \| 'blank'>('solid');\n\n lookClass = computed(() => `ax-${this.look()} ax-default`);\n\n /*\n Capitalizes the first letter of the provided text.\n \n @param text Input text to transform\n * @returns The text with its first character uppercased\n /\n protected capitalizeFirstLetter(text: string) {\n return text.charAt(0).toUpperCase() + text.slice(1);\n }\n}\n","@let localKeys = keys();\n\n@if (typeof localKeys === 'string') {\n <kbd [class]=\"lookClass()\">\n @if (modifierKeys().includes(localKeys.toLocaleLowerCase())) {\n <span class=\"ax-kbd-text\"> {{ capitalizeFirstLetter(localKeys) }}</span>\n } @else {\n <span class=\"ax-kbd-text\"> {{ localKeys.toLocaleUpperCase() }}</span>\n }\n </kbd>\n} @else {\n @if (join() === 'split') {\n @for (key of localKeys; track $index) {\n <kbd [class]=\"lookClass()\">\n @if (modifierKeys().includes(key.toLocaleLowerCase())) {\n <span class=\"ax-kbd-text\"> {{ capitalizeFirstLetter(key) }}</span>\n } @else {\n <span class=\"ax-kbd-text\"> {{ key.toLocaleUpperCase() }}</span>\n }\n </kbd>\n @if (!$last) {\n <span class=\"ax-kbd-separator\">+</span>\n }\n }\n } @else {\n <kbd [class]=\"lookClass()\">\n <div class=\"ax-kbd-inner-text\">\n @for (key of localKeys; track $index) {\n @if (modifierKeys().includes(key.toLocaleLowerCase())) {\n <span class=\"ax-kbd-text\"> {{ capitalizeFirstLetter(key) }}</span>\n } @else {\n <span class=\"ax-kbd-text\"> {{ key.toLocaleUpperCase() }}</span>\n }\n @if (!$last) {\n <span class=\"ax-kbd-separator\">+</span>\n }\n }\n </div>\n </kbd>\n }\n}\n","import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, contentChildren, effect, input, ViewEncapsulation } from '@angular/core';\nimport { AXKBDItemComponent } from './kbd-item/kbd-item.component';\n\n@Component({\n selector: 'ax-kbd',\n templateUrl: './kbd.component.html',\n styleUrls: ['./kbd.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: AXComponent, useExisting: AXKBDComponent }],\n})\nexport class AXKBDComponent extends NXComponent {\n private kbdItem = contentChildren(AXKBDItemComponent, { descendants: true });\n\n look = input<'fill' \| 'solid' \| 'blank'>(null);\n\n #eff = effect(() => {\n if (!this.look()) return;\n this.kbdItem().forEach((kbd) => {\n kbd.look.set(this.look());\n });\n });\n}\n","<ng-content select=\"ax-kbd-item\"></ng-content>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~4uIAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDWa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,QAAQ,iBAGH,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,cAAgB,EAAE,CAAC,EAAA,QAAA,EAAA,oDAAA,EAAA,MAAA,EAAA,CAAA,~~4uIAAA~~,CAAA,EAAA;AAGhC,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,kBAAkB,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEb7E;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-kbd.mjs","sources":["../../../../packages/components/kbd/src/lib/kbd-item/kbd-item.component.ts","../../../../packages/components/kbd/src/lib/kbd-item/kbd-item.component.html","../../../../packages/components/kbd/src/lib/kbd.component.ts","../../../../packages/components/kbd/src/lib/kbd.component.html","../../../../packages/components/kbd/src/acorex-components-kbd.ts"],"sourcesContent":["import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, computed, input, model, signal, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-kbd-item',\n templateUrl: './kbd-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: AXComponent, useExisting: AXKBDItemComponent }],\n})\nexport class AXKBDItemComponent extends NXComponent {\n keys = input<string[] \| string>();\n\n modifierKeys = signal(['ctrl', 'shift', 'alt', 'meta', 'esc', 'del', 'delete', 'win']);\n\n join = input<'split' \| 'joined'>('joined');\n\n look = model<'fill' \| 'solid' \| 'blank'>('solid');\n\n lookClass = computed(() => `ax-${this.look()} ax-default`);\n\n /*\n Capitalizes the first letter of the provided text.\n \n @param text Input text to transform\n * @returns The text with its first character uppercased\n /\n protected capitalizeFirstLetter(text: string) {\n return text.charAt(0).toUpperCase() + text.slice(1);\n }\n}\n","@let localKeys = keys();\n\n@if (typeof localKeys === 'string') {\n <kbd [class]=\"lookClass()\">\n @if (modifierKeys().includes(localKeys.toLocaleLowerCase())) {\n <span class=\"ax-kbd-text\"> {{ capitalizeFirstLetter(localKeys) }}</span>\n } @else {\n <span class=\"ax-kbd-text\"> {{ localKeys.toLocaleUpperCase() }}</span>\n }\n </kbd>\n} @else {\n @if (join() === 'split') {\n @for (key of localKeys; track $index) {\n <kbd [class]=\"lookClass()\">\n @if (modifierKeys().includes(key.toLocaleLowerCase())) {\n <span class=\"ax-kbd-text\"> {{ capitalizeFirstLetter(key) }}</span>\n } @else {\n <span class=\"ax-kbd-text\"> {{ key.toLocaleUpperCase() }}</span>\n }\n </kbd>\n @if (!$last) {\n <span class=\"ax-kbd-separator\">+</span>\n }\n }\n } @else {\n <kbd [class]=\"lookClass()\">\n <div class=\"ax-kbd-inner-text\">\n @for (key of localKeys; track $index) {\n @if (modifierKeys().includes(key.toLocaleLowerCase())) {\n <span class=\"ax-kbd-text\"> {{ capitalizeFirstLetter(key) }}</span>\n } @else {\n <span class=\"ax-kbd-text\"> {{ key.toLocaleUpperCase() }}</span>\n }\n @if (!$last) {\n <span class=\"ax-kbd-separator\">+</span>\n }\n }\n </div>\n </kbd>\n }\n}\n","import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, contentChildren, effect, input, ViewEncapsulation } from '@angular/core';\nimport { AXKBDItemComponent } from './kbd-item/kbd-item.component';\n\n@Component({\n selector: 'ax-kbd',\n templateUrl: './kbd.component.html',\n styleUrls: ['./kbd.component.css'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: AXComponent, useExisting: AXKBDComponent }],\n})\nexport class AXKBDComponent extends NXComponent {\n private kbdItem = contentChildren(AXKBDItemComponent, { descendants: true });\n\n look = input<'fill' \| 'solid' \| 'blank'>(null);\n\n #eff = effect(() => {\n if (!this.look()) return;\n this.kbdItem().forEach((kbd) => {\n kbd.look.set(this.look());\n });\n });\n}\n","<ng-content select=\"ax-kbd-item\"></ng-content>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AAUM,MAAO,kBAAmB,SAAQ,WAAW,CAAA;AAPnD,IAAA,WAAA,GAAA;;QAQE,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAqB;QAEjC,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAEtF,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,QAAQ,2EAAC;AAE1C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA6B,OAAO,2EAAC;AAEjD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA,GAAA,EAAM,IAAI,CAAC,IAAI,EAAE,CAAA,WAAA,CAAa,gFAAC;AAW3D,IAAA;AATC;;;;;AAKG;AACO,IAAA,qBAAqB,CAAC,IAAY,EAAA;AAC1C,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACrD;8GAnBW,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,SAAA,EAFlB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,iDCRxE,s2CAyCA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FD/Ba,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,iBAER,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,kBAAoB,EAAE,CAAC,EAAA,QAAA,EAAA,s2CAAA,EAAA;;;AEIlE,MAAO,cAAe,SAAQ,WAAW,CAAA;AAR/C,IAAA,WAAA,GAAA;;QASU,IAAA,CAAA,OAAO,GAAG,eAAe,CAAC,kBAAkB,+EAAI,WAAW,EAAE,IAAI,EAAA,CAAG;AAE5E,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA6B,IAAI,2EAAC;AAE9C,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAK;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBAAE;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;gBAC7B,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC3B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,2EAAC;AACH,IAAA;AANC,IAAA,IAAI;8GALO,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAFd,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAGhC,kBAAkB,uFCbtD,oDACA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDWa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,QAAQ,iBAGH,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,cAAgB,EAAE,CAAC,EAAA,QAAA,EAAA,oDAAA,EAAA,MAAA,EAAA,CAAA,81IAAA,CAAA,EAAA;AAGhC,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,kBAAkB,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEb7E;;AAEG;;;;"}

package/fesm2022/acorex-components-scheduler-picker.mjs CHANGED Viewed

@@ -826,8 +826,8 @@ class AXSchedulerPickerService {
      * Uses lazy-loaded cron-parser library
      */
     async toCronExpression(pattern) {
-        // Lazy load cron-parser if needed for validation
-        const { parseExpression } = await import('cron-parser');
+        // Lazy load cron-parser if needed for validation (v5+: CronExpressionParser.parse)
+        const { CronExpressionParser } = await import('cron-parser');
         // Build cron expression based on pattern
         const parts = ['*', '*', '*', '*', '*'];
         switch (pattern.mode) {
@@ -867,7 +867,7 @@ class AXSchedulerPickerService {
         const cronExpr = parts.join(' ');
         // Validate the cron expression
         try {
-            parseExpression(cronExpr);
+            CronExpressionParser.parse(cronExpr);
             return cronExpr;
         }
         catch {
@@ -881,15 +881,15 @@ class AXSchedulerPickerService {
      */
     async fromCronExpression(cron) {
         try {
-            const { parseExpression } = await import('cron-parser');
-            const parsed = parseExpression(cron);
-            const fields = parsed.fields;
-            // Analyze cron fields to determine mode
-            const minutePattern = this.analyzeCronField(fields.minute);
-            const hourPattern = this.analyzeCronField(fields.hour);
-            const dayPattern = this.analyzeCronField(fields.dayOfMonth);
-            const monthPattern = this.analyzeCronField(fields.month);
-            const weekdayPattern = this.analyzeCronField(fields.dayOfWeek);
+            const { CronExpressionParser } = await import('cron-parser');
+            const parsed = CronExpressionParser.parse(cron);
+            const { fields } = parsed;
+            // Analyze cron fields to determine mode (v5 fields expose `.values`)
+            const minutePattern = this.analyzeCronField(this.cronFieldNumericValues(fields.minute.values));
+            const hourPattern = this.analyzeCronField(this.cronFieldNumericValues(fields.hour.values));
+            const dayPattern = this.analyzeCronField(this.cronFieldNumericValues(fields.dayOfMonth.values));
+            const monthPattern = this.analyzeCronField(this.cronFieldNumericValues(fields.month.values));
+            const weekdayPattern = this.analyzeCronField(this.cronFieldNumericValues(fields.dayOfWeek.values));
             // Determine mode based on which fields have intervals/values
             let mode = 'daily';
             let interval = 1;
@@ -948,6 +948,10 @@ class AXSchedulerPickerService {
             return null;
         }
     }
+    /** cron-parser v5 field values may include special chars (L, W, …); keep numbers only. */
+    cronFieldNumericValues(values) {
+        return values.filter((value) => typeof value === 'number');
+    }
     /**
      * Analyze a cron field to extract interval and values
      */
@@ -1056,7 +1060,9 @@ class AXSchedulerPickerService {
             else if (pattern.recurrence.byDay && pattern.recurrence.byDay.length > 0) {
                 // e.g., "on day 15" or "on days 1, 15, 30"
                 const dayList = pattern.recurrence.byDay.join(', ');
-                const onDayKey = pattern.recurrence.byDay.length > 1 ? '@acorex:schedulerPicker.naturalLanguage.onDaysPlural' : '@acorex:schedulerPicker.naturalLanguage.onDay';
+                const onDayKey = pattern.recurrence.byDay.length > 1
+                    ? '@acorex:schedulerPicker.naturalLanguage.onDaysPlural'
+                    : '@acorex:schedulerPicker.naturalLanguage.onDay';
                 const onDay = await this.translationService.translateAsync(onDayKey);
                 parts.push(`${onDay} ${dayList}`);
             }
@@ -1081,7 +1087,9 @@ class AXSchedulerPickerService {
             else if (pattern.recurrence.byDay && pattern.recurrence.byDay.length > 0) {
                 // e.g., "on day 15" or "on days 1, 15, 30"
                 const dayList = pattern.recurrence.byDay.join(', ');
-                const onDayKey = pattern.recurrence.byDay.length > 1 ? '@acorex:schedulerPicker.naturalLanguage.onDaysPlural' : '@acorex:schedulerPicker.naturalLanguage.onDay';
+                const onDayKey = pattern.recurrence.byDay.length > 1
+                    ? '@acorex:schedulerPicker.naturalLanguage.onDaysPlural'
+                    : '@acorex:schedulerPicker.naturalLanguage.onDay';
                 const onDay = await this.translationService.translateAsync(onDayKey);
                 yearlyParts.push(`${onDay} ${dayList}`);
             }