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

package/fesm2022/acorex-components-conversation-picker-toolbar.component-BthRvEeE.mjs

@@ -0,0 +1,537 @@
+import * as i1 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i0 from '@angular/core';
+import { inject, model, ChangeDetectionStrategy, Component, ElementRef, input, output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXUploaderBrowseDirective, AXUploaderZoneDirective } from '@acorex/cdk/uploader';
+import { AXToastService } from '@acorex/components/toast';
+import { n as notifyPickerValidationErrors } from './acorex-components-conversation-picker-upload-C-PlKPaU.mjs';
+import { AXButtonComponent } from '@acorex/components/button';
+import * as i1$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+
+/** Optional caption field shared by composer media pickers. */
+class AXConversationPickerCaptionComponent {
+    constructor() {
+        this.translation = inject(AXTranslationService);
+        this.caption = model('', ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXConversationPickerCaptionComponent, isStandalone: true, selector: "ax-conversation-picker-caption", inputs: { caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { caption: "captionChange" }, ngImport: i0, template: `
+    <div class="ax-conversation-picker__caption-slot">
+      <ax-text-box
+        [(value)]="caption"
+        [placeholder]="translation.translateSync('@acorex:chat.pickers.common.caption-optional')"
+      />
+    </div>
+  `, isInline: true, styles: [":host{display:block;flex-shrink:0;width:100%}.ax-conversation-picker__caption-slot{padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerCaptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-picker-caption', imports: [AXTextBoxModule, AXTranslationModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ax-conversation-picker__caption-slot">
+      <ax-text-box
+        [(value)]="caption"
+        [placeholder]="translation.translateSync('@acorex:chat.pickers.common.caption-optional')"
+      />
+    </div>
+  `, styles: [":host{display:block;flex-shrink:0;width:100%}.ax-conversation-picker__caption-slot{padding:.5rem}\n"] }]
+        }], propDecorators: { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }, { type: i0.Output, args: ["captionChange"] }] } });
+
+/**
+ * Shell flex + max-height (on {@link AXConversationPickerShellComponent}).
+ * Styles here target projected content inside the shell.
+ */
+const AX_CONVERSATION_PICKER_SHELL_STYLES = `
+  :host {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    min-height: 0;
+    container-type: inline-size;
+    container-name: picker;
+  }
+
+  .ax-conversation-picker {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: 100%;
+    max-height: min(32rem, 85dvh);
+    background: rgb(var(--ax-sys-color-lightest-surface));
+    border-radius: var(--ax-sys-border-radius, 0.5rem);
+    overflow: hidden;
+  }
+
+  .ax-conversation-picker__content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  @container picker (max-width: 480px) {
+    .ax-conversation-picker {
+      max-height: min(28rem, 90dvh);
+      border-radius: 0;
+    }
+  }
+`;
+/**
+ * Shared layout and surface styles for composer media pickers.
+ * Uses ACoreX system color tokens only.
+ */
+const AX_CONVERSATION_PICKER_SHARED_STYLES = `
+  :host {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    min-height: 0;
+  }
+
+  .ax-conversation-picker__scroll {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .ax-conversation-picker__empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.375rem;
+    min-height: 8.5rem;
+    margin: 0.75rem;
+    padding: 1rem 0.75rem;
+    border: 1px dashed rgb(var(--ax-sys-color-border-surface));
+    border-radius: var(--ax-sys-border-radius, 0.5rem);
+    cursor: pointer;
+    transition: border-color 0.15s ease, background-color 0.15s ease;
+    text-align: center;
+    touch-action: manipulation;
+  }
+
+  .ax-conversation-picker__empty:hover,
+  .ax-conversation-picker__empty--drag {
+    border-color: rgb(var(--ax-sys-color-primary-500));
+    background: rgba(var(--ax-sys-color-primary-500), 0.06);
+  }
+
+  .ax-conversation-picker__empty-icon {
+    font-size: 1.75rem;
+    line-height: 1;
+    color: rgba(var(--ax-sys-color-on-surface), 0.55);
+  }
+
+  .ax-conversation-picker__empty-title {
+    margin: 0;
+    font-size: 0.8125rem;
+    font-weight: 600;
+    color: rgb(var(--ax-sys-color-on-surface));
+  }
+
+  .ax-conversation-picker__empty-hint {
+    margin: 0;
+    font-size: 0.75rem;
+    color: rgba(var(--ax-sys-color-on-surface), 0.6);
+  }
+
+  .ax-conversation-picker__body {
+    padding: 0 0.75rem 0.75rem;
+  }
+
+  .ax-conversation-picker__list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding-top: 0.5rem;
+  }
+
+  .ax-conversation-picker__row {
+    display: flex;
+    align-items: center;
+    gap: 0.625rem;
+    padding: 0.5rem 0.625rem;
+    border: 1px solid rgb(var(--ax-sys-color-border-light-surface));
+    border-radius: var(--ax-sys-border-radius, 0.375rem);
+    background: rgb(var(--ax-sys-color-surface));
+    transition: background-color 0.15s ease;
+  }
+
+  @media (hover: hover) {
+    .ax-conversation-picker__row:hover {
+      background: rgb(var(--ax-sys-color-light-surface));
+    }
+  }
+
+  .ax-conversation-picker__thumb {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 2.5rem;
+    flex-shrink: 0;
+    border-radius: var(--ax-sys-border-radius, 0.375rem);
+    background: rgba(var(--ax-sys-color-primary-500), 0.08);
+    color: rgb(var(--ax-sys-color-primary-500));
+    font-size: 1.125rem;
+    overflow: hidden;
+  }
+
+  .ax-conversation-picker__thumb img,
+  .ax-conversation-picker__thumb video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+    pointer-events: none;
+  }
+
+  .ax-conversation-picker__thumb-badge {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgb(0 0 0 / 0.32);
+    color: rgb(var(--ax-sys-color-light));
+    font-size: 0.625rem;
+    pointer-events: none;
+  }
+
+  .ax-conversation-picker__details {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+  }
+
+  .ax-conversation-picker__name {
+    font-size: 0.8125rem;
+    font-weight: 500;
+    color: rgb(var(--ax-sys-color-on-surface));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .ax-conversation-picker__status {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.375rem;
+    font-size: 0.6875rem;
+    color: rgba(var(--ax-sys-color-on-surface), 0.65);
+  }
+
+  .ax-conversation-picker__status--ok {
+    color: rgb(var(--ax-sys-color-success-600));
+    font-weight: 500;
+  }
+
+  .ax-conversation-picker__status--err {
+    color: rgb(var(--ax-sys-color-danger-600));
+    font-weight: 500;
+  }
+
+  .ax-conversation-picker__progress {
+    width: 100%;
+    margin-top: 0.125rem;
+  }
+
+  .ax-conversation-picker__remove {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.75rem;
+    height: 2.75rem;
+    flex-shrink: 0;
+    border: none;
+    border-radius: var(--ax-sys-border-radius, 0.25rem);
+    background: transparent;
+    color: rgba(var(--ax-sys-color-on-surface), 0.55);
+    font-size: 1rem;
+    cursor: pointer;
+    touch-action: manipulation;
+    transition: background-color 0.15s ease, color 0.15s ease;
+  }
+
+  .ax-conversation-picker__remove:hover,
+  .ax-conversation-picker__remove:focus-visible {
+    background: rgba(var(--ax-sys-color-danger-500), 0.1);
+    color: rgb(var(--ax-sys-color-danger-500));
+    outline: none;
+  }
+
+  .ax-conversation-picker__grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(5.25rem, 1fr));
+    gap: 0.5rem;
+  }
+
+  .ax-conversation-picker__tile {
+    position: relative;
+    aspect-ratio: 1;
+    border-radius: var(--ax-sys-border-radius, 0.375rem);
+    overflow: hidden;
+    border: 1px solid rgb(var(--ax-sys-color-border-light-surface));
+    background: rgb(var(--ax-sys-color-light-surface));
+  }
+
+  .ax-conversation-picker__tile img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+
+  .ax-conversation-picker__tile-remove {
+    position: absolute;
+    top: 0.25rem;
+    inset-inline-end: 0.25rem;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.75rem;
+    height: 1.75rem;
+    border: none;
+    border-radius: 50%;
+    background: rgb(var(--ax-sys-color-danger-500));
+    color: rgb(var(--ax-sys-color-light));
+    font-size: 0.6875rem;
+    cursor: pointer;
+    touch-action: manipulation;
+    box-shadow: 0 1px 3px rgb(0 0 0 / 0.2);
+  }
+
+  .ax-conversation-picker__tile-overlay {
+    position: absolute;
+    inset-inline: 0;
+    bottom: 0;
+    padding: 0.25rem;
+    background: linear-gradient(transparent, rgb(0 0 0 / 0.55));
+  }
+
+  .ax-conversation-picker__tile-status {
+    font-size: 0.625rem;
+    color: rgb(var(--ax-sys-color-light));
+    line-height: 1.2;
+  }
+
+  .ax-conversation-picker__caption-slot {
+    flex-shrink: 0;
+    padding: 0.5rem 0.75rem;
+    border-top: 1px solid rgb(var(--ax-sys-color-border-light-surface));
+    background: rgb(var(--ax-sys-color-lightest-surface));
+  }
+
+  .ax-conversation-picker__input-hidden {
+    display: none;
+  }
+
+  @container picker (max-width: 480px) {
+    .ax-conversation-picker__grid {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 0.375rem;
+    }
+
+    .ax-conversation-picker__row {
+      padding: 0.4375rem 0.5rem;
+      gap: 0.5rem;
+    }
+
+    .ax-conversation-picker__thumb {
+      width: 2.25rem;
+      height: 2.25rem;
+    }
+
+    .ax-conversation-picker__empty {
+      min-height: 7.5rem;
+      margin: 0.5rem;
+    }
+
+    .ax-conversation-picker__body {
+      padding-inline: 0.5rem;
+      padding-bottom: 0.5rem;
+    }
+  }
+`;
+
+class AXConversationPickerEmptyComponent {
+    constructor() {
+        this.host = inject((ElementRef));
+        this.title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.hint = input.required(...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+        this.iconClass = input.required(...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
+        this.dragOver = input(false, ...(ngDevMode ? [{ debugName: "dragOver" }] : /* istanbul ignore next */ []));
+    }
+    onKeyboardActivate(event) {
+        event.preventDefault();
+        this.host.nativeElement.click();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXConversationPickerEmptyComponent, isStandalone: true, selector: "ax-conversation-picker-empty", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: true, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: true, transformFunction: null }, dragOver: { classPropertyName: "dragOver", publicName: "dragOver", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div
+      class="ax-conversation-picker__empty"
+      [class.ax-conversation-picker__empty--drag]="dragOver()"
+      role="button"
+      tabindex="0"
+      axUploaderBrowseHandle
+      (keydown.enter)="onKeyboardActivate($event)"
+      (keydown.space)="onKeyboardActivate($event)"
+    >
+      <i class="ax-conversation-picker__empty-icon" [class]="iconClass()"></i>
+      <p class="ax-conversation-picker__empty-title">{{ title() }}</p>
+      <p class="ax-conversation-picker__empty-hint">{{ hint() }}</p>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;max-width:100%;min-height:0}.ax-conversation-picker__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ax-conversation-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;min-height:8.5rem;margin:.75rem;padding:1rem .75rem;border:1px dashed rgb(var(--ax-sys-color-border-surface));border-radius:var(--ax-sys-border-radius, .5rem);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;text-align:center;touch-action:manipulation}.ax-conversation-picker__empty:hover,.ax-conversation-picker__empty--drag{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.06)}.ax-conversation-picker__empty-icon{font-size:1.75rem;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}.ax-conversation-picker__empty-title{margin:0;font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.ax-conversation-picker__empty-hint{margin:0;font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.6)}.ax-conversation-picker__body{padding:0 .75rem .75rem}.ax-conversation-picker__list{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.ax-conversation-picker__row{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius, .375rem);background:rgb(var(--ax-sys-color-surface));transition:background-color .15s ease}@media(hover:hover){.ax-conversation-picker__row:hover{background:rgb(var(--ax-sys-color-light-surface))}}.ax-conversation-picker__thumb{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--ax-sys-border-radius, .375rem);background:rgba(var(--ax-sys-color-primary-500),.08);color:rgb(var(--ax-sys-color-primary-500));font-size:1.125rem;overflow:hidden}.ax-conversation-picker__thumb img,.ax-conversation-picker__thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ax-conversation-picker__thumb-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000052;color:rgb(var(--ax-sys-color-light));font-size:.625rem;pointer-events:none}.ax-conversation-picker__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.ax-conversation-picker__name{font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:.375rem;font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.ax-conversation-picker__status--ok{color:rgb(var(--ax-sys-color-success-600));font-weight:500}.ax-conversation-picker__status--err{color:rgb(var(--ax-sys-color-danger-600));font-weight:500}.ax-conversation-picker__progress{width:100%;margin-top:.125rem}.ax-conversation-picker__remove{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex-shrink:0;border:none;border-radius:var(--ax-sys-border-radius, .25rem);background:transparent;color:rgba(var(--ax-sys-color-on-surface),.55);font-size:1rem;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,color .15s ease}.ax-conversation-picker__remove:hover,.ax-conversation-picker__remove:focus-visible{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500));outline:none}.ax-conversation-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.5rem}.ax-conversation-picker__tile{position:relative;aspect-ratio:1;border-radius:var(--ax-sys-border-radius, .375rem);overflow:hidden;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-light-surface))}.ax-conversation-picker__tile img{width:100%;height:100%;object-fit:cover;display:block}.ax-conversation-picker__tile-remove{position:absolute;top:.25rem;inset-inline-end:.25rem;z-index:2;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:rgb(var(--ax-sys-color-danger-500));color:rgb(var(--ax-sys-color-light));font-size:.6875rem;cursor:pointer;touch-action:manipulation;box-shadow:0 1px 3px #0003}.ax-conversation-picker__tile-overlay{position:absolute;inset-inline:0;bottom:0;padding:.25rem;background:linear-gradient(transparent,#0000008c)}.ax-conversation-picker__tile-status{font-size:.625rem;color:rgb(var(--ax-sys-color-light));line-height:1.2}.ax-conversation-picker__caption-slot{flex-shrink:0;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){.ax-conversation-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.ax-conversation-picker__row{padding:.4375rem .5rem;gap:.5rem}.ax-conversation-picker__thumb{width:2.25rem;height:2.25rem}.ax-conversation-picker__empty{min-height:7.5rem;margin:.5rem}.ax-conversation-picker__body{padding-inline:.5rem;padding-bottom:.5rem}}\n"], dependencies: [{ kind: "directive", type: AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerEmptyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-picker-empty', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXUploaderBrowseDirective], template: `
+    <div
+      class="ax-conversation-picker__empty"
+      [class.ax-conversation-picker__empty--drag]="dragOver()"
+      role="button"
+      tabindex="0"
+      axUploaderBrowseHandle
+      (keydown.enter)="onKeyboardActivate($event)"
+      (keydown.space)="onKeyboardActivate($event)"
+    >
+      <i class="ax-conversation-picker__empty-icon" [class]="iconClass()"></i>
+      <p class="ax-conversation-picker__empty-title">{{ title() }}</p>
+      <p class="ax-conversation-picker__empty-hint">{{ hint() }}</p>
+    </div>
+  `, styles: [":host{display:block;width:100%;max-width:100%;min-height:0}.ax-conversation-picker__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ax-conversation-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;min-height:8.5rem;margin:.75rem;padding:1rem .75rem;border:1px dashed rgb(var(--ax-sys-color-border-surface));border-radius:var(--ax-sys-border-radius, .5rem);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;text-align:center;touch-action:manipulation}.ax-conversation-picker__empty:hover,.ax-conversation-picker__empty--drag{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.06)}.ax-conversation-picker__empty-icon{font-size:1.75rem;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}.ax-conversation-picker__empty-title{margin:0;font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.ax-conversation-picker__empty-hint{margin:0;font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.6)}.ax-conversation-picker__body{padding:0 .75rem .75rem}.ax-conversation-picker__list{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.ax-conversation-picker__row{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius, .375rem);background:rgb(var(--ax-sys-color-surface));transition:background-color .15s ease}@media(hover:hover){.ax-conversation-picker__row:hover{background:rgb(var(--ax-sys-color-light-surface))}}.ax-conversation-picker__thumb{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--ax-sys-border-radius, .375rem);background:rgba(var(--ax-sys-color-primary-500),.08);color:rgb(var(--ax-sys-color-primary-500));font-size:1.125rem;overflow:hidden}.ax-conversation-picker__thumb img,.ax-conversation-picker__thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ax-conversation-picker__thumb-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000052;color:rgb(var(--ax-sys-color-light));font-size:.625rem;pointer-events:none}.ax-conversation-picker__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.ax-conversation-picker__name{font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:.375rem;font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.ax-conversation-picker__status--ok{color:rgb(var(--ax-sys-color-success-600));font-weight:500}.ax-conversation-picker__status--err{color:rgb(var(--ax-sys-color-danger-600));font-weight:500}.ax-conversation-picker__progress{width:100%;margin-top:.125rem}.ax-conversation-picker__remove{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex-shrink:0;border:none;border-radius:var(--ax-sys-border-radius, .25rem);background:transparent;color:rgba(var(--ax-sys-color-on-surface),.55);font-size:1rem;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,color .15s ease}.ax-conversation-picker__remove:hover,.ax-conversation-picker__remove:focus-visible{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500));outline:none}.ax-conversation-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.5rem}.ax-conversation-picker__tile{position:relative;aspect-ratio:1;border-radius:var(--ax-sys-border-radius, .375rem);overflow:hidden;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-light-surface))}.ax-conversation-picker__tile img{width:100%;height:100%;object-fit:cover;display:block}.ax-conversation-picker__tile-remove{position:absolute;top:.25rem;inset-inline-end:.25rem;z-index:2;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:rgb(var(--ax-sys-color-danger-500));color:rgb(var(--ax-sys-color-light));font-size:.6875rem;cursor:pointer;touch-action:manipulation;box-shadow:0 1px 3px #0003}.ax-conversation-picker__tile-overlay{position:absolute;inset-inline:0;bottom:0;padding:.25rem;background:linear-gradient(transparent,#0000008c)}.ax-conversation-picker__tile-status{font-size:.625rem;color:rgb(var(--ax-sys-color-light));line-height:1.2}.ax-conversation-picker__caption-slot{flex-shrink:0;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){.ax-conversation-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.ax-conversation-picker__row{padding:.4375rem .5rem;gap:.5rem}.ax-conversation-picker__thumb{width:2.25rem;height:2.25rem}.ax-conversation-picker__empty{min-height:7.5rem;margin:.5rem}.ax-conversation-picker__body{padding-inline:.5rem;padding-bottom:.5rem}}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: true }] }], iconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconClass", required: true }] }], dragOver: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragOver", required: false }] }] } });
+
+/**
+ * Wraps composer pickers with {@link AXUploaderZoneDirective} for browse, drop, and validation.
+ */
+class AXConversationPickerShellComponent {
+    constructor() {
+        this.toast = inject(AXToastService);
+        this.translation = inject(AXTranslationService);
+        this.fileType = input.required(...(ngDevMode ? [{ debugName: "fileType" }] : /* istanbul ignore next */ []));
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+        this.filesSelected = output();
+        this.dragEnter = output();
+        this.dragLeave = output();
+        this.dragOver = output();
+    }
+    onZoneFileChange(event) {
+        if (event.rejected?.length) {
+            notifyPickerValidationErrors(this.toast, this.translation, event.rejected);
+        }
+        if (event.files.length > 0) {
+            this.filesSelected.emit(event.files);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXConversationPickerShellComponent, isStandalone: true, selector: "ax-conversation-picker-shell", inputs: { fileType: { classPropertyName: "fileType", publicName: "fileType", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected", dragEnter: "dragEnter", dragLeave: "dragLeave", dragOver: "dragOver" }, ngImport: i0, template: `
+    <div
+      class="ax-conversation-picker"
+      axUploaderZone
+      [fileType]="fileType()"
+      [multiple]="multiple()"
+      [disableBrowse]="true"
+      (fileChange)="onZoneFileChange($event)"
+      (dragEnter)="dragEnter.emit($event)"
+      (dragLeave)="dragLeave.emit($event)"
+      (dragOver)="dragOver.emit($event)"
+    >
+      <div class="ax-conversation-picker__content">
+        <ng-content />
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;max-width:100%;min-height:0;container-type:inline-size;container-name:picker}.ax-conversation-picker{display:flex;flex-direction:column;width:100%;max-width:100%;max-height:min(32rem,85dvh);background:rgb(var(--ax-sys-color-lightest-surface));border-radius:var(--ax-sys-border-radius, .5rem);overflow:hidden}.ax-conversation-picker__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}@container picker (max-width: 480px){.ax-conversation-picker{max-height:min(28rem,90dvh);border-radius:0}}\n"], dependencies: [{ kind: "directive", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept", "fileType", "overlayTemplate", "disableBrowse", "disableDragDrop"], outputs: ["fileChange", "onChanged", "dragEnter", "dragLeave", "dragOver", "onFileUploadComplete", "onFilesUploadComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-picker-shell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXUploaderZoneDirective], template: `
+    <div
+      class="ax-conversation-picker"
+      axUploaderZone
+      [fileType]="fileType()"
+      [multiple]="multiple()"
+      [disableBrowse]="true"
+      (fileChange)="onZoneFileChange($event)"
+      (dragEnter)="dragEnter.emit($event)"
+      (dragLeave)="dragLeave.emit($event)"
+      (dragOver)="dragOver.emit($event)"
+    >
+      <div class="ax-conversation-picker__content">
+        <ng-content />
+      </div>
+    </div>
+  `, styles: [":host{display:block;width:100%;max-width:100%;min-height:0;container-type:inline-size;container-name:picker}.ax-conversation-picker{display:flex;flex-direction:column;width:100%;max-width:100%;max-height:min(32rem,85dvh);background:rgb(var(--ax-sys-color-lightest-surface));border-radius:var(--ax-sys-border-radius, .5rem);overflow:hidden}.ax-conversation-picker__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}@container picker (max-width: 480px){.ax-conversation-picker{max-height:min(28rem,90dvh);border-radius:0}}\n"] }]
+        }], propDecorators: { fileType: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileType", required: true }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], filesSelected: [{ type: i0.Output, args: ["filesSelected"] }], dragEnter: [{ type: i0.Output, args: ["dragEnter"] }], dragLeave: [{ type: i0.Output, args: ["dragLeave"] }], dragOver: [{ type: i0.Output, args: ["dragOver"] }] } });
+
+const AX_CONVERSATION_PICKER_TOOLBAR_STYLES = `
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    flex-shrink: 0;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    box-sizing: border-box;
+    width: calc(100% + 1.5rem);
+    margin-inline: -0.75rem;
+    padding: 0.375rem 0.75rem 0.5rem;
+    background: rgb(var(--ax-sys-color-lightest-surface));
+    border-bottom: 1px solid rgb(var(--ax-sys-color-border-light-surface));
+  }
+
+  .ax-conversation-picker__count {
+    font-size: 0.75rem;
+    font-weight: 500;
+    color: rgba(var(--ax-sys-color-on-surface), 0.65);
+  }
+
+  @container picker (max-width: 480px) {
+    :host {
+      width: calc(100% + 1rem);
+      margin-inline: -0.5rem;
+      padding-inline: 0.5rem;
+    }
+  }
+`;
+class AXConversationPickerToolbarComponent {
+    constructor() {
+        this.countLabel = input.required(...(ngDevMode ? [{ debugName: "countLabel" }] : /* istanbul ignore next */ []));
+        this.addMoreLabel = input.required(...(ngDevMode ? [{ debugName: "addMoreLabel" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXConversationPickerToolbarComponent, isStandalone: true, selector: "ax-conversation-picker-toolbar", inputs: { countLabel: { classPropertyName: "countLabel", publicName: "countLabel", isSignal: true, isRequired: true, transformFunction: null }, addMoreLabel: { classPropertyName: "addMoreLabel", publicName: "addMoreLabel", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <span class="ax-conversation-picker__count">{{ countLabel() }}</span>
+    <ax-button [text]="addMoreLabel()" [look]="'ghost'" axUploaderBrowseHandle>
+      <ax-prefix>
+        <ax-icon><i class="fa-light fa-plus"></i></ax-icon>
+      </ax-prefix>
+    </ax-button>
+  `, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0;position:sticky;top:0;z-index:10;box-sizing:border-box;width:calc(100% + 1.5rem);margin-inline:-.75rem;padding:.375rem .75rem .5rem;background:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.ax-conversation-picker__count{font-size:.75rem;font-weight:500;color:rgba(var(--ax-sys-color-on-surface),.65)}@container picker (max-width: 480px){:host{width:calc(100% + 1rem);margin-inline:-.5rem;padding-inline:.5rem}}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationPickerToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-picker-toolbar', imports: [AXButtonComponent, AXDecoratorModule, AXUploaderBrowseDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <span class="ax-conversation-picker__count">{{ countLabel() }}</span>
+    <ax-button [text]="addMoreLabel()" [look]="'ghost'" axUploaderBrowseHandle>
+      <ax-prefix>
+        <ax-icon><i class="fa-light fa-plus"></i></ax-icon>
+      </ax-prefix>
+    </ax-button>
+  `, styles: [":host{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0;position:sticky;top:0;z-index:10;box-sizing:border-box;width:calc(100% + 1.5rem);margin-inline:-.75rem;padding:.375rem .75rem .5rem;background:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.ax-conversation-picker__count{font-size:.75rem;font-weight:500;color:rgba(var(--ax-sys-color-on-surface),.65)}@container picker (max-width: 480px){:host{width:calc(100% + 1rem);margin-inline:-.5rem;padding-inline:.5rem}}\n"] }]
+        }], propDecorators: { countLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "countLabel", required: true }] }], addMoreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addMoreLabel", required: true }] }] } });
+
+export { AXConversationPickerEmptyComponent as A, AXConversationPickerToolbarComponent as a, AXConversationPickerCaptionComponent as b, AXConversationPickerShellComponent as c };
+//# sourceMappingURL=acorex-components-conversation-picker-toolbar.component-BthRvEeE.mjs.map

package/fesm2022/acorex-components-conversation-picker-toolbar.component-BthRvEeE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-picker-toolbar.component-BthRvEeE.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-caption.component.ts","../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-shared.styles.ts","../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-empty.component.ts","../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-shell.component.ts","../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-toolbar.component.ts"],"sourcesContent":["import { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { ChangeDetectionStrategy, Component, inject, model } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n/** Optional caption field shared by composer media pickers. */\n@Component({\n  selector: 'ax-conversation-picker-caption',\n  imports: [AXTextBoxModule, AXTranslationModule, FormsModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"ax-conversation-picker__caption-slot\">\n      <ax-text-box\n        [(value)]=\"caption\"\n        [placeholder]=\"translation.translateSync('@acorex:chat.pickers.common.caption-optional')\"\n      />\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        flex-shrink: 0;\n        width: 100%;\n      }\n      .ax-conversation-picker__caption-slot {\n        padding: 0.5rem;\n      }\n    `,\n  ],\n})\nexport class AXConversationPickerCaptionComponent {\n  readonly translation = inject(AXTranslationService);\n  readonly caption = model('');\n}\n","/**\n * Shell flex + max-height (on {@link AXConversationPickerShellComponent}).\n * Styles here target projected content inside the shell.\n */\nexport const AX_CONVERSATION_PICKER_SHELL_STYLES = `\n  :host {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-height: 0;\n    container-type: inline-size;\n    container-name: picker;\n  }\n\n  .ax-conversation-picker {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    max-width: 100%;\n    max-height: min(32rem, 85dvh);\n    background: rgb(var(--ax-sys-color-lightest-surface));\n    border-radius: var(--ax-sys-border-radius, 0.5rem);\n    overflow: hidden;\n  }\n\n  .ax-conversation-picker__content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  @container picker (max-width: 480px) {\n    .ax-conversation-picker {\n      max-height: min(28rem, 90dvh);\n      border-radius: 0;\n    }\n  }\n`;\n\n/**\n * Shared layout and surface styles for composer media pickers.\n * Uses ACoreX system color tokens only.\n */\nexport const AX_CONVERSATION_PICKER_SHARED_STYLES = `\n  :host {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-height: 0;\n  }\n\n  .ax-conversation-picker__scroll {\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .ax-conversation-picker__empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 0.375rem;\n    min-height: 8.5rem;\n    margin: 0.75rem;\n    padding: 1rem 0.75rem;\n    border: 1px dashed rgb(var(--ax-sys-color-border-surface));\n    border-radius: var(--ax-sys-border-radius, 0.5rem);\n    cursor: pointer;\n    transition: border-color 0.15s ease, background-color 0.15s ease;\n    text-align: center;\n    touch-action: manipulation;\n  }\n\n  .ax-conversation-picker__empty:hover,\n  .ax-conversation-picker__empty--drag {\n    border-color: rgb(var(--ax-sys-color-primary-500));\n    background: rgba(var(--ax-sys-color-primary-500), 0.06);\n  }\n\n  .ax-conversation-picker__empty-icon {\n    font-size: 1.75rem;\n    line-height: 1;\n    color: rgba(var(--ax-sys-color-on-surface), 0.55);\n  }\n\n  .ax-conversation-picker__empty-title {\n    margin: 0;\n    font-size: 0.8125rem;\n    font-weight: 600;\n    color: rgb(var(--ax-sys-color-on-surface));\n  }\n\n  .ax-conversation-picker__empty-hint {\n    margin: 0;\n    font-size: 0.75rem;\n    color: rgba(var(--ax-sys-color-on-surface), 0.6);\n  }\n\n  .ax-conversation-picker__body {\n    padding: 0 0.75rem 0.75rem;\n  }\n\n  .ax-conversation-picker__list {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    padding-top: 0.5rem;\n  }\n\n  .ax-conversation-picker__row {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    padding: 0.5rem 0.625rem;\n    border: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n    border-radius: var(--ax-sys-border-radius, 0.375rem);\n    background: rgb(var(--ax-sys-color-surface));\n    transition: background-color 0.15s ease;\n  }\n\n  @media (hover: hover) {\n    .ax-conversation-picker__row:hover {\n      background: rgb(var(--ax-sys-color-light-surface));\n    }\n  }\n\n  .ax-conversation-picker__thumb {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.5rem;\n    height: 2.5rem;\n    flex-shrink: 0;\n    border-radius: var(--ax-sys-border-radius, 0.375rem);\n    background: rgba(var(--ax-sys-color-primary-500), 0.08);\n    color: rgb(var(--ax-sys-color-primary-500));\n    font-size: 1.125rem;\n    overflow: hidden;\n  }\n\n  .ax-conversation-picker__thumb img,\n  .ax-conversation-picker__thumb video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    pointer-events: none;\n  }\n\n  .ax-conversation-picker__thumb-badge {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgb(0 0 0 / 0.32);\n    color: rgb(var(--ax-sys-color-light));\n    font-size: 0.625rem;\n    pointer-events: none;\n  }\n\n  .ax-conversation-picker__details {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n  }\n\n  .ax-conversation-picker__name {\n    font-size: 0.8125rem;\n    font-weight: 500;\n    color: rgb(var(--ax-sys-color-on-surface));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .ax-conversation-picker__status {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.375rem;\n    font-size: 0.6875rem;\n    color: rgba(var(--ax-sys-color-on-surface), 0.65);\n  }\n\n  .ax-conversation-picker__status--ok {\n    color: rgb(var(--ax-sys-color-success-600));\n    font-weight: 500;\n  }\n\n  .ax-conversation-picker__status--err {\n    color: rgb(var(--ax-sys-color-danger-600));\n    font-weight: 500;\n  }\n\n  .ax-conversation-picker__progress {\n    width: 100%;\n    margin-top: 0.125rem;\n  }\n\n  .ax-conversation-picker__remove {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.75rem;\n    height: 2.75rem;\n    flex-shrink: 0;\n    border: none;\n    border-radius: var(--ax-sys-border-radius, 0.25rem);\n    background: transparent;\n    color: rgba(var(--ax-sys-color-on-surface), 0.55);\n    font-size: 1rem;\n    cursor: pointer;\n    touch-action: manipulation;\n    transition: background-color 0.15s ease, color 0.15s ease;\n  }\n\n  .ax-conversation-picker__remove:hover,\n  .ax-conversation-picker__remove:focus-visible {\n    background: rgba(var(--ax-sys-color-danger-500), 0.1);\n    color: rgb(var(--ax-sys-color-danger-500));\n    outline: none;\n  }\n\n  .ax-conversation-picker__grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(5.25rem, 1fr));\n    gap: 0.5rem;\n  }\n\n  .ax-conversation-picker__tile {\n    position: relative;\n    aspect-ratio: 1;\n    border-radius: var(--ax-sys-border-radius, 0.375rem);\n    overflow: hidden;\n    border: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n    background: rgb(var(--ax-sys-color-light-surface));\n  }\n\n  .ax-conversation-picker__tile img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .ax-conversation-picker__tile-remove {\n    position: absolute;\n    top: 0.25rem;\n    inset-inline-end: 0.25rem;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    height: 1.75rem;\n    border: none;\n    border-radius: 50%;\n    background: rgb(var(--ax-sys-color-danger-500));\n    color: rgb(var(--ax-sys-color-light));\n    font-size: 0.6875rem;\n    cursor: pointer;\n    touch-action: manipulation;\n    box-shadow: 0 1px 3px rgb(0 0 0 / 0.2);\n  }\n\n  .ax-conversation-picker__tile-overlay {\n    position: absolute;\n    inset-inline: 0;\n    bottom: 0;\n    padding: 0.25rem;\n    background: linear-gradient(transparent, rgb(0 0 0 / 0.55));\n  }\n\n  .ax-conversation-picker__tile-status {\n    font-size: 0.625rem;\n    color: rgb(var(--ax-sys-color-light));\n    line-height: 1.2;\n  }\n\n  .ax-conversation-picker__caption-slot {\n    flex-shrink: 0;\n    padding: 0.5rem 0.75rem;\n    border-top: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n    background: rgb(var(--ax-sys-color-lightest-surface));\n  }\n\n  .ax-conversation-picker__input-hidden {\n    display: none;\n  }\n\n  @container picker (max-width: 480px) {\n    .ax-conversation-picker__grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 0.375rem;\n    }\n\n    .ax-conversation-picker__row {\n      padding: 0.4375rem 0.5rem;\n      gap: 0.5rem;\n    }\n\n    .ax-conversation-picker__thumb {\n      width: 2.25rem;\n      height: 2.25rem;\n    }\n\n    .ax-conversation-picker__empty {\n      min-height: 7.5rem;\n      margin: 0.5rem;\n    }\n\n    .ax-conversation-picker__body {\n      padding-inline: 0.5rem;\n      padding-bottom: 0.5rem;\n    }\n  }\n`;\n","import { AXUploaderBrowseDirective } from '@acorex/cdk/uploader';\nimport { ChangeDetectionStrategy, Component, ElementRef, inject, input } from '@angular/core';\nimport { AX_CONVERSATION_PICKER_SHARED_STYLES } from './picker-shared.styles';\n\n@Component({\n  selector: 'ax-conversation-picker-empty',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXUploaderBrowseDirective],\n  template: `\n    <div\n      class=\"ax-conversation-picker__empty\"\n      [class.ax-conversation-picker__empty--drag]=\"dragOver()\"\n      role=\"button\"\n      tabindex=\"0\"\n      axUploaderBrowseHandle\n      (keydown.enter)=\"onKeyboardActivate($event)\"\n      (keydown.space)=\"onKeyboardActivate($event)\"\n    >\n      <i class=\"ax-conversation-picker__empty-icon\" [class]=\"iconClass()\"></i>\n      <p class=\"ax-conversation-picker__empty-title\">{{ title() }}</p>\n      <p class=\"ax-conversation-picker__empty-hint\">{{ hint() }}</p>\n    </div>\n  `,\n  styles: [AX_CONVERSATION_PICKER_SHARED_STYLES],\n})\nexport class AXConversationPickerEmptyComponent {\n  private readonly host = inject(ElementRef<HTMLElement>);\n\n  readonly title = input.required<string>();\n  readonly hint = input.required<string>();\n  readonly iconClass = input.required<string>();\n  readonly dragOver = input(false);\n\n  onKeyboardActivate(event: Event): void {\n    event.preventDefault();\n    this.host.nativeElement.click();\n  }\n}\n","import { AXUploaderFileChangeEvent, AXUploaderZoneDirective } from '@acorex/cdk/uploader';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { ChangeDetectionStrategy, Component, inject, input, output } from '@angular/core';\nimport { notifyPickerValidationErrors } from './picker-upload';\nimport { AX_CONVERSATION_PICKER_SHELL_STYLES } from './picker-shared.styles';\n\n/**\n * Wraps composer pickers with {@link AXUploaderZoneDirective} for browse, drop, and validation.\n */\n@Component({\n  selector: 'ax-conversation-picker-shell',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXUploaderZoneDirective],\n  styles: [AX_CONVERSATION_PICKER_SHELL_STYLES],\n  template: `\n    <div\n      class=\"ax-conversation-picker\"\n      axUploaderZone\n      [fileType]=\"fileType()\"\n      [multiple]=\"multiple()\"\n      [disableBrowse]=\"true\"\n      (fileChange)=\"onZoneFileChange($event)\"\n      (dragEnter)=\"dragEnter.emit($event)\"\n      (dragLeave)=\"dragLeave.emit($event)\"\n      (dragOver)=\"dragOver.emit($event)\"\n    >\n      <div class=\"ax-conversation-picker__content\">\n        <ng-content />\n      </div>\n    </div>\n  `,\n})\nexport class AXConversationPickerShellComponent {\n  private readonly toast = inject(AXToastService);\n  private readonly translation = inject(AXTranslationService);\n\n  readonly fileType = input.required<string>();\n  readonly multiple = input(false);\n\n  readonly filesSelected = output<File[]>();\n  readonly dragEnter = output<DragEvent>();\n  readonly dragLeave = output<DragEvent>();\n  readonly dragOver = output<DragEvent>();\n\n  protected onZoneFileChange(event: AXUploaderFileChangeEvent): void {\n    if (event.rejected?.length) {\n      notifyPickerValidationErrors(this.toast, this.translation, event.rejected);\n    }\n    if (event.files.length > 0) {\n      this.filesSelected.emit(event.files);\n    }\n  }\n}\n","import { AXUploaderBrowseDirective } from '@acorex/cdk/uploader';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nconst AX_CONVERSATION_PICKER_TOOLBAR_STYLES = `\n  :host {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n    flex-shrink: 0;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    box-sizing: border-box;\n    width: calc(100% + 1.5rem);\n    margin-inline: -0.75rem;\n    padding: 0.375rem 0.75rem 0.5rem;\n    background: rgb(var(--ax-sys-color-lightest-surface));\n    border-bottom: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n  }\n\n  .ax-conversation-picker__count {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: rgba(var(--ax-sys-color-on-surface), 0.65);\n  }\n\n  @container picker (max-width: 480px) {\n    :host {\n      width: calc(100% + 1rem);\n      margin-inline: -0.5rem;\n      padding-inline: 0.5rem;\n    }\n  }\n`;\n\n@Component({\n  selector: 'ax-conversation-picker-toolbar',\n  imports: [AXButtonComponent, AXDecoratorModule, AXUploaderBrowseDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <span class=\"ax-conversation-picker__count\">{{ countLabel() }}</span>\n    <ax-button [text]=\"addMoreLabel()\" [look]=\"'ghost'\" axUploaderBrowseHandle>\n      <ax-prefix>\n        <ax-icon><i class=\"fa-light fa-plus\"></i></ax-icon>\n      </ax-prefix>\n    </ax-button>\n  `,\n  styles: [AX_CONVERSATION_PICKER_TOOLBAR_STYLES],\n})\nexport class AXConversationPickerToolbarComponent {\n  readonly countLabel = input.required<string>();\n  readonly addMoreLabel = input.required<string>();\n}\n"],"names":["i1"],"mappings":"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"}