@caribeng/ui 22.4.0 → 22.6.0

package/fesm2022/caribeng-ui-mentions.mjs

@@ -410,7 +410,7 @@ class CbMentions {
         }
       </ul>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block;font-family:var(--cb-font-sans)}.cb-mentions__label{display:block;margin-bottom:var(--cb-space-1);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium);color:var(--cb-color-text)}.cb-mentions__required{margin-left:2px;color:var(--cb-color-danger)}.cb-mentions__required--required,.cb-mentions__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-mentions__field{box-sizing:border-box;display:block;width:100%;padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-base);line-height:1.5;resize:vertical;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-mentions__field::placeholder{color:var(--cb-color-text-muted)}.cb-mentions__field:hover:not(:disabled):not(:focus){border-color:var(--cb-color-text-muted)}.cb-mentions__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-mentions__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-mentions__field:disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted)}.cb-mentions__hint{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-mentions__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cb-mentions__panel{width:18rem;max-width:calc(100vw - 2rem);max-height:16rem;margin:0;padding:.375rem;overflow-y:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans);list-style:none}.cb-mentions__option{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-mentions__option--active{background:var(--cb-color-surface-hover);box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-mentions__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary);font-size:.6875rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-mentions__avatar img{width:100%;height:100%;object-fit:cover}.cb-mentions__text{display:flex;flex-direction:column;min-width:0}.cb-mentions__name,.cb-mentions__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-mentions__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs)}.cb-mentions__empty{padding:.75rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;font-family:var(--cb-font-sans)}.cb-mentions__label{display:block;margin-bottom:var(--cb-space-1);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium);color:var(--cb-color-text)}.cb-mentions__required{margin-left:2px;color:var(--cb-color-danger)}.cb-mentions__required--required,.cb-mentions__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-mentions__field{box-sizing:border-box;display:block;width:100%;padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-base);line-height:1.5;resize:vertical;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-mentions__field::placeholder{color:var(--cb-color-text-muted)}.cb-mentions__field:hover:not(:disabled):not(:focus){border-color:var(--cb-color-text-muted)}.cb-mentions__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-mentions__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-mentions__field:disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted)}.cb-mentions__hint{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-mentions__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cb-mentions__panel{width:18rem;max-width:calc(100vw - 2rem);max-height:16rem;margin:0;padding:.375rem;overflow-y:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans);list-style:none}.cb-mentions__option{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-mentions__option--active{background:var(--cb-color-surface-hover);box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-mentions__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary-text);font-size:.6875rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-mentions__avatar img{width:100%;height:100%;object-fit:cover}.cb-mentions__text{display:flex;flex-direction:column;min-width:0}.cb-mentions__name,.cb-mentions__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-mentions__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs)}.cb-mentions__empty{padding:.75rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbMentions, decorators: [{
             type: Component,
@@ -481,7 +481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }
       </ul>
     </ng-template>
-  `, styles: [":host{display:block;font-family:var(--cb-font-sans)}.cb-mentions__label{display:block;margin-bottom:var(--cb-space-1);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium);color:var(--cb-color-text)}.cb-mentions__required{margin-left:2px;color:var(--cb-color-danger)}.cb-mentions__required--required,.cb-mentions__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-mentions__field{box-sizing:border-box;display:block;width:100%;padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-base);line-height:1.5;resize:vertical;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-mentions__field::placeholder{color:var(--cb-color-text-muted)}.cb-mentions__field:hover:not(:disabled):not(:focus){border-color:var(--cb-color-text-muted)}.cb-mentions__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-mentions__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-mentions__field:disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted)}.cb-mentions__hint{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-mentions__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cb-mentions__panel{width:18rem;max-width:calc(100vw - 2rem);max-height:16rem;margin:0;padding:.375rem;overflow-y:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans);list-style:none}.cb-mentions__option{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-mentions__option--active{background:var(--cb-color-surface-hover);box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-mentions__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary);font-size:.6875rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-mentions__avatar img{width:100%;height:100%;object-fit:cover}.cb-mentions__text{display:flex;flex-direction:column;min-width:0}.cb-mentions__name,.cb-mentions__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-mentions__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs)}.cb-mentions__empty{padding:.75rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"] }]
+  `, styles: [":host{display:block;font-family:var(--cb-font-sans)}.cb-mentions__label{display:block;margin-bottom:var(--cb-space-1);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium);color:var(--cb-color-text)}.cb-mentions__required{margin-left:2px;color:var(--cb-color-danger)}.cb-mentions__required--required,.cb-mentions__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-mentions__field{box-sizing:border-box;display:block;width:100%;padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-base);line-height:1.5;resize:vertical;transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-mentions__field::placeholder{color:var(--cb-color-text-muted)}.cb-mentions__field:hover:not(:disabled):not(:focus){border-color:var(--cb-color-text-muted)}.cb-mentions__field:focus-visible{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500) 25%,transparent)}.cb-mentions__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-mentions__field:disabled{cursor:not-allowed;background-color:var(--cb-color-surface);color:var(--cb-color-text-muted)}.cb-mentions__hint{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-mentions__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cb-mentions__panel{width:18rem;max-width:calc(100vw - 2rem);max-height:16rem;margin:0;padding:.375rem;overflow-y:auto;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface-raised);box-shadow:var(--cb-shadow-lg);color:var(--cb-color-text);font-family:var(--cb-font-sans);list-style:none}.cb-mentions__option{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-mentions__option--active{background:var(--cb-color-surface-hover);box-shadow:inset 3px 0 0 var(--cb-color-primary)}.cb-mentions__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--cb-color-primary) 14%,transparent);color:var(--cb-color-primary-text);font-size:.6875rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-mentions__avatar img{width:100%;height:100%;object-fit:cover}.cb-mentions__text{display:flex;flex-direction:column;min-width:0}.cb-mentions__name,.cb-mentions__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-mentions__description{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs)}.cb-mentions__empty{padding:.75rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"] }]
         }], propDecorators: { fieldEl: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], panelTpl: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], triggers: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggers", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], maxResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxResults", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], requiredIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiredIndicator", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], search: [{ type: i0.Output, args: ["search"] }], mentionsChange: [{ type: i0.Output, args: ["mentionsChange"] }] } });
 
 /*