@caribeng/ui 22.4.0 → 22.6.0

package/fesm2022/caribeng-ui-phone-input.mjs

@@ -565,7 +565,7 @@ class CbPhoneInput {
         </ul>
       </div>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block;font-family:var(--cb-font-sans)}.cb-phone-input__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-phone-input__required{margin-left:2px;color:var(--cb-color-danger)}.cb-phone-input__required--required,.cb-phone-input__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-phone-input__control{display:flex;align-items:stretch;box-sizing:border-box;width:100%;overflow:hidden;border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-phone-input__control:hover:not(.cb-is-disabled):not(:focus-within){border-color:var(--cb-color-text-muted)}.cb-phone-input__control:focus-within{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-phone-input__control.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-phone-input__control.cb-is-invalid:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-phone-input__control.cb-is-disabled{background-color:var(--cb-color-surface);opacity:.8}.cb-phone-input__country{display:inline-flex;flex:none;align-items:center;gap:.375rem;padding:0 .625rem 0 .75rem;border:0;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface);color:var(--cb-color-text);font:inherit;cursor:pointer}.cb-phone-input__country:disabled{cursor:default}.cb-phone-input__country:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}.cb-phone-input__flag{font-size:1.15em;line-height:1}.cb-phone-input__dial{font-variant-numeric:tabular-nums}.cb-phone-input__field{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--cb-color-text);font:inherit;font-variant-numeric:tabular-nums}.cb-phone-input__field::placeholder{color:var(--cb-color-text-muted)}.cb-phone-input__field:disabled{cursor:not-allowed;color:var(--cb-color-text-muted)}.cb-phone-input__control--sm{min-height:2rem;font-size:var(--cb-text-sm)}.cb-phone-input__control--sm .cb-phone-input__field{padding:var(--cb-space-1) var(--cb-space-2)}.cb-phone-input__control--md{min-height:2.5rem;font-size:var(--cb-text-base)}.cb-phone-input__control--md .cb-phone-input__field{padding:var(--cb-space-2) var(--cb-space-3)}.cb-phone-input__control--lg{min-height:3rem;font-size:var(--cb-text-lg)}.cb-phone-input__control--lg .cb-phone-input__field{padding:var(--cb-space-3) var(--cb-space-4)}.cb-phone-input__message{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-phone-input__message--error{color:var(--cb-color-danger)}.cb-phone-input__panel{display:flex;flex-direction:column;width:20rem;max-width:calc(100vw - 2rem);max-height:20rem;overflow:hidden;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)}.cb-phone-input__search{margin:.5rem;padding:.5rem .625rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm);background:var(--cb-color-bg);color:inherit;font:inherit;font-size:var(--cb-text-sm)}.cb-phone-input__search:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:0}.cb-phone-input__list{flex:1;margin:0;padding:0 .375rem .375rem;overflow-y:auto;list-style:none}.cb-phone-input__option{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-phone-input__option--active{background:var(--cb-color-surface-hover)}.cb-phone-input__option[aria-selected=true]{font-weight:var(--cb-font-weight-semibold, 600)}.cb-phone-input__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-phone-input__option-dial{color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums}.cb-phone-input__empty{padding:1rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;min-width:0;font-family:var(--cb-font-sans)}.cb-phone-input__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-phone-input__required{margin-left:2px;color:var(--cb-color-danger)}.cb-phone-input__required--required,.cb-phone-input__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-phone-input__control{display:flex;align-items:stretch;box-sizing:border-box;width:100%;overflow:hidden;border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-phone-input__control:hover:not(.cb-is-disabled):not(:focus-within){border-color:var(--cb-color-text-muted)}.cb-phone-input__control:focus-within{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-phone-input__control.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-phone-input__control.cb-is-invalid:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-phone-input__control.cb-is-disabled{background-color:var(--cb-color-surface);opacity:.8}.cb-phone-input__country{display:inline-flex;flex:none;align-items:center;gap:.375rem;padding:0 .625rem 0 .75rem;border:0;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface);color:var(--cb-color-text);font:inherit;cursor:pointer}.cb-phone-input__country:disabled{cursor:default}.cb-phone-input__country:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}.cb-phone-input__flag{font-size:1.15em;line-height:1}.cb-phone-input__dial{font-variant-numeric:tabular-nums}.cb-phone-input__field{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--cb-color-text);font:inherit;font-variant-numeric:tabular-nums}.cb-phone-input__field::placeholder{color:var(--cb-color-text-muted)}.cb-phone-input__field:disabled{cursor:not-allowed;color:var(--cb-color-text-muted)}.cb-phone-input__control--sm{min-height:2rem;font-size:var(--cb-text-sm)}.cb-phone-input__control--sm .cb-phone-input__field{padding:var(--cb-space-1) var(--cb-space-2)}.cb-phone-input__control--md{min-height:2.5rem;font-size:var(--cb-text-base)}.cb-phone-input__control--md .cb-phone-input__field{padding:var(--cb-space-2) var(--cb-space-3)}.cb-phone-input__control--lg{min-height:3rem;font-size:var(--cb-text-lg)}.cb-phone-input__control--lg .cb-phone-input__field{padding:var(--cb-space-3) var(--cb-space-4)}.cb-phone-input__message{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-phone-input__message--error{color:var(--cb-color-danger)}.cb-phone-input__panel{display:flex;flex-direction:column;width:20rem;max-width:calc(100vw - 2rem);max-height:20rem;overflow:hidden;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)}.cb-phone-input__search{margin:.5rem;padding:.5rem .625rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm);background:var(--cb-color-bg);color:inherit;font:inherit;font-size:var(--cb-text-sm)}.cb-phone-input__search:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:0}.cb-phone-input__list{flex:1;margin:0;padding:0 .375rem .375rem;overflow-y:auto;list-style:none}.cb-phone-input__option{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-phone-input__option--active{background:var(--cb-color-surface-hover)}.cb-phone-input__option[aria-selected=true]{font-weight:var(--cb-font-weight-semibold, 600)}.cb-phone-input__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-phone-input__option-dial{color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums}.cb-phone-input__empty{padding:1rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPhoneInput, decorators: [{
             type: Component,
@@ -674,7 +674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         </ul>
       </div>
     </ng-template>
-  `, styles: [":host{display:block;font-family:var(--cb-font-sans)}.cb-phone-input__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-phone-input__required{margin-left:2px;color:var(--cb-color-danger)}.cb-phone-input__required--required,.cb-phone-input__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-phone-input__control{display:flex;align-items:stretch;box-sizing:border-box;width:100%;overflow:hidden;border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-phone-input__control:hover:not(.cb-is-disabled):not(:focus-within){border-color:var(--cb-color-text-muted)}.cb-phone-input__control:focus-within{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-phone-input__control.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-phone-input__control.cb-is-invalid:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-phone-input__control.cb-is-disabled{background-color:var(--cb-color-surface);opacity:.8}.cb-phone-input__country{display:inline-flex;flex:none;align-items:center;gap:.375rem;padding:0 .625rem 0 .75rem;border:0;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface);color:var(--cb-color-text);font:inherit;cursor:pointer}.cb-phone-input__country:disabled{cursor:default}.cb-phone-input__country:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}.cb-phone-input__flag{font-size:1.15em;line-height:1}.cb-phone-input__dial{font-variant-numeric:tabular-nums}.cb-phone-input__field{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--cb-color-text);font:inherit;font-variant-numeric:tabular-nums}.cb-phone-input__field::placeholder{color:var(--cb-color-text-muted)}.cb-phone-input__field:disabled{cursor:not-allowed;color:var(--cb-color-text-muted)}.cb-phone-input__control--sm{min-height:2rem;font-size:var(--cb-text-sm)}.cb-phone-input__control--sm .cb-phone-input__field{padding:var(--cb-space-1) var(--cb-space-2)}.cb-phone-input__control--md{min-height:2.5rem;font-size:var(--cb-text-base)}.cb-phone-input__control--md .cb-phone-input__field{padding:var(--cb-space-2) var(--cb-space-3)}.cb-phone-input__control--lg{min-height:3rem;font-size:var(--cb-text-lg)}.cb-phone-input__control--lg .cb-phone-input__field{padding:var(--cb-space-3) var(--cb-space-4)}.cb-phone-input__message{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-phone-input__message--error{color:var(--cb-color-danger)}.cb-phone-input__panel{display:flex;flex-direction:column;width:20rem;max-width:calc(100vw - 2rem);max-height:20rem;overflow:hidden;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)}.cb-phone-input__search{margin:.5rem;padding:.5rem .625rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm);background:var(--cb-color-bg);color:inherit;font:inherit;font-size:var(--cb-text-sm)}.cb-phone-input__search:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:0}.cb-phone-input__list{flex:1;margin:0;padding:0 .375rem .375rem;overflow-y:auto;list-style:none}.cb-phone-input__option{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-phone-input__option--active{background:var(--cb-color-surface-hover)}.cb-phone-input__option[aria-selected=true]{font-weight:var(--cb-font-weight-semibold, 600)}.cb-phone-input__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-phone-input__option-dial{color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums}.cb-phone-input__empty{padding:1rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"] }]
+  `, styles: [":host{display:block;min-width:0;font-family:var(--cb-font-sans)}.cb-phone-input__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-phone-input__required{margin-left:2px;color:var(--cb-color-danger)}.cb-phone-input__required--required,.cb-phone-input__required--optional{margin-left:.25rem;color:var(--cb-color-text-muted);font-size:.85em;font-weight:var(--cb-font-weight-normal, 400)}.cb-phone-input__control{display:flex;align-items:stretch;box-sizing:border-box;width:100%;overflow:hidden;border:var(--cb-border-width, 1px) solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background-color:var(--cb-color-bg);transition:border-color var(--cb-duration-fast) var(--cb-ease),box-shadow var(--cb-duration-fast) var(--cb-ease)}.cb-phone-input__control:hover:not(.cb-is-disabled):not(:focus-within){border-color:var(--cb-color-text-muted)}.cb-phone-input__control:focus-within{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-phone-input__control.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-phone-input__control.cb-is-invalid:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}.cb-phone-input__control.cb-is-disabled{background-color:var(--cb-color-surface);opacity:.8}.cb-phone-input__country{display:inline-flex;flex:none;align-items:center;gap:.375rem;padding:0 .625rem 0 .75rem;border:0;border-right:1px solid var(--cb-color-border);background:var(--cb-color-surface);color:var(--cb-color-text);font:inherit;cursor:pointer}.cb-phone-input__country:disabled{cursor:default}.cb-phone-input__country:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:-2px}.cb-phone-input__flag{font-size:1.15em;line-height:1}.cb-phone-input__dial{font-variant-numeric:tabular-nums}.cb-phone-input__field{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--cb-color-text);font:inherit;font-variant-numeric:tabular-nums}.cb-phone-input__field::placeholder{color:var(--cb-color-text-muted)}.cb-phone-input__field:disabled{cursor:not-allowed;color:var(--cb-color-text-muted)}.cb-phone-input__control--sm{min-height:2rem;font-size:var(--cb-text-sm)}.cb-phone-input__control--sm .cb-phone-input__field{padding:var(--cb-space-1) var(--cb-space-2)}.cb-phone-input__control--md{min-height:2.5rem;font-size:var(--cb-text-base)}.cb-phone-input__control--md .cb-phone-input__field{padding:var(--cb-space-2) var(--cb-space-3)}.cb-phone-input__control--lg{min-height:3rem;font-size:var(--cb-text-lg)}.cb-phone-input__control--lg .cb-phone-input__field{padding:var(--cb-space-3) var(--cb-space-4)}.cb-phone-input__message{margin:var(--cb-space-1) 0 0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm)}.cb-phone-input__message--error{color:var(--cb-color-danger)}.cb-phone-input__panel{display:flex;flex-direction:column;width:20rem;max-width:calc(100vw - 2rem);max-height:20rem;overflow:hidden;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)}.cb-phone-input__search{margin:.5rem;padding:.5rem .625rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-sm);background:var(--cb-color-bg);color:inherit;font:inherit;font-size:var(--cb-text-sm)}.cb-phone-input__search:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:0}.cb-phone-input__list{flex:1;margin:0;padding:0 .375rem .375rem;overflow-y:auto;list-style:none}.cb-phone-input__option{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--cb-radius-sm);font-size:var(--cb-text-sm);cursor:pointer}.cb-phone-input__option--active{background:var(--cb-color-surface-hover)}.cb-phone-input__option[aria-selected=true]{font-weight:var(--cb-font-weight-semibold, 600)}.cb-phone-input__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-phone-input__option-dial{color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums}.cb-phone-input__empty{padding:1rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm);text-align:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { triggerEl: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], fieldEl: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], searchEl: [{ type: i0.ViewChild, args: ['search', { 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"] }], country: [{ type: i0.Input, args: [{ isSignal: true, alias: "country", required: false }] }, { type: i0.Output, args: ["countryChange"] }], countries: [{ type: i0.Input, args: [{ isSignal: true, alias: "countries", required: false }] }], preferredCountries: [{ type: i0.Input, args: [{ isSignal: true, alias: "preferredCountries", required: false }] }], countryLocked: [{ type: i0.Input, args: [{ isSignal: true, alias: "countryLocked", required: false }] }], showFlag: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFlag", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", 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 }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], phoneChange: [{ type: i0.Output, args: ["phoneChange"] }] } });
 
 /*

package/fesm2022/caribeng-ui-picklist.mjs

@@ -204,7 +204,7 @@ class CbPickList {
         </ul>
       </section>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-600)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-text)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPickList, decorators: [{
             type: Component,
@@ -261,7 +261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         </ul>
       </section>
     </ng-template>
-  `, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-600)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"] }]
+  `, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-text)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"] }]
         }], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }, { type: i0.Output, args: ["sourceChange"] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }, { type: i0.Output, args: ["targetChange"] }], sourceHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceHeader", required: false }] }], targetHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHeader", required: false }] }], moved: [{ type: i0.Output, args: ["moved"] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CbPickListItemTemplate), { isSignal: true }] }] } });
 
 /**

package/fesm2022/caribeng-ui-pivot.mjs

@@ -0,0 +1,419 @@
+import * as i0 from '@angular/core';
+import { inject, input, model, booleanAttribute, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cbSummarize, injectCbTranslation, cbFormat, CB_CONFIG, cbFormatAmount } from '@caribeng/ui';
+import { CbButton } from '@caribeng/ui/button';
+import { CbIcon } from '@caribeng/ui/icon';
+import { CbMultiSelect } from '@caribeng/ui/multiselect';
+import { CbSelect } from '@caribeng/ui/select';
+import { currencySymbol, cbDownloadXlsx } from '@caribeng/ui/xlsx';
+
+const SEP = '\u0001';
+function keyOf(record, fields) {
+    return fields.map((f) => String(record[f] ?? '')).join(SEP);
+}
+function splitKey(key) {
+    return key === '' ? [] : key.split(SEP);
+}
+function compare(a, b) {
+    return a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' });
+}
+/** Valores distintos (combinados) de las dimensiones de columna, ordenados. */
+function columnKeys(data, fields) {
+    if (!fields.length)
+        return [''];
+    return [...new Set(data.map((r) => keyOf(r, fields)))].sort((a, b) => {
+        const pa = splitKey(a);
+        const pb = splitKey(b);
+        for (let i = 0; i < pa.length; i++) {
+            const c = compare(pa[i], pb[i]);
+            if (c)
+                return c;
+        }
+        return 0;
+    });
+}
+/** Árbol de filas agrupando por cada dimensión de `fields`, en orden. */
+function rowTree(data, fields, labelOf, level = 0, path = []) {
+    if (level >= fields.length)
+        return [];
+    const field = fields[level];
+    const groups = new Map();
+    for (const r of data) {
+        const k = String(r[field] ?? '');
+        if (!groups.has(k))
+            groups.set(k, []);
+        groups.get(k).push(r);
+    }
+    return [...groups.keys()].sort(compare).map((k) => {
+        const records = groups.get(k);
+        const p = [...path, k];
+        return { key: p.join(SEP), path: p, level, label: labelOf(field, k), records, children: rowTree(records, fields, labelOf, level + 1, p) };
+    });
+}
+/** Valor agregado de una medida sobre unos registros. */
+function aggregate(records, value) {
+    return cbSummarize(records.map((r) => r[value.field]), value.aggregate ?? 'sum');
+}
+
+let nextUid = 0;
+/**
+ * Tabla dinámica de CaribeNG: cruza los registros por dimensiones de filas y
+ * columnas (cuenta, tercero, centro de costo, mes…) y agrega una o varias medidas.
+ *
+ * - Filas anidadas que se contraen, con subtotales; totales por fila, por columna y general.
+ * - Con `configurable`, el usuario elige desde la propia tabla las dimensiones y la medida.
+ * - Importes con la moneda de `provideCaribeNG`, exportación a Excel con niveles.
+ *
+ * @example
+ * ```html
+ * <cb-pivot [data]="movimientos" [fields]="dimensiones" [(rows)]="filas" [(columns)]="columnas" [values]="[{ field: 'valor' }]" configurable />
+ * ```
+ */
+class CbPivot {
+    constructor() {
+        this.t = injectCbTranslation();
+        this.fmt = cbFormat;
+        this.config = inject(CB_CONFIG);
+        this.uid = `cb-pivot-${++nextUid}`;
+        /** Registros a cruzar. */
+        this.data = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        /** Dimensiones disponibles (clave, etiqueta y formato de sus valores). */
+        this.fields = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+        /** Dimensiones de las filas, de la más general a la más detallada (bidireccional). */
+        this.rows = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        /** Dimensiones de las columnas (bidireccional). */
+        this.columns = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        /** Medidas (campo y agregación); por defecto, suma. */
+        this.values = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "values" }] : /* istanbul ignore next */ []));
+        /** Selectores de filas, columnas y agregación sobre la tabla. */
+        this.configurable = input(false, { ...(ngDevMode ? { debugName: "configurable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Las filas con hijos empiezan contraídas. */
+        this.collapsed = input(false, { ...(ngDevMode ? { debugName: "collapsed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.currency = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.collapsedKeys = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapsedKeys" }] : /* istanbul ignore next */ []));
+        this.aggregateOverride = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "aggregateOverride" }] : /* istanbul ignore next */ []));
+        this.measures = computed(() => {
+            const override = this.aggregateOverride();
+            const list = this.values().length ? this.values() : [{ field: 'value' }];
+            return list.map((v) => (override ? { ...v, aggregate: override } : v));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "measures" }] : /* istanbul ignore next */ []));
+        this.aggregateValue = computed(() => this.aggregateOverride() ?? this.values()[0]?.aggregate ?? 'sum', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "aggregateValue" }] : /* istanbul ignore next */ []));
+        this.fieldMap = computed(() => new Map(this.fields().map((f) => [f.key, f])), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fieldMap" }] : /* istanbul ignore next */ []));
+        this.labelOf = (field, value) => {
+            const f = this.fieldMap().get(field);
+            return f?.format ? f.format(value) : value || this.t().pivotEmpty;
+        };
+        this.colKeys = computed(() => (this.columns().length ? columnKeys(this.data(), this.columns()) : []), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colKeys" }] : /* istanbul ignore next */ []));
+        this.colKeysWithTotal = computed(() => [...this.colKeys(), '\u0000total'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colKeysWithTotal" }] : /* istanbul ignore next */ []));
+        this.tree = computed(() => rowTree(this.data(), this.rows(), (f, v) => this.labelOf(f, v)), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
+        this.flat = computed(() => {
+            const out = [];
+            const collapsed = this.collapsedSet();
+            const walk = (nodes) => nodes.forEach((node) => {
+                const hasChildren = node.children.length > 0;
+                out.push({ node, hasChildren });
+                if (hasChildren && !collapsed.has(node.key))
+                    walk(node.children);
+            });
+            walk(this.tree());
+            return out;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "flat" }] : /* istanbul ignore next */ []));
+        this.dimensionOptions = computed(() => this.fields().map((f) => ({ label: f.label, value: f.key })), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dimensionOptions" }] : /* istanbul ignore next */ []));
+        this.columnOptions = computed(() => [{ label: this.t().pivotNone, value: '' }, ...this.dimensionOptions()], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columnOptions" }] : /* istanbul ignore next */ []));
+        this.aggregateOptions = computed(() => {
+            const t = this.t();
+            return [
+                { label: t.pivotSum, value: 'sum' },
+                { label: t.pivotCount, value: 'count' },
+                { label: t.pivotAvg, value: 'avg' },
+                { label: t.pivotMin, value: 'min' },
+                { label: t.pivotMax, value: 'max' },
+            ];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "aggregateOptions" }] : /* istanbul ignore next */ []));
+    }
+    collapsedSet() {
+        const explicit = this.collapsedKeys();
+        if (explicit)
+            return explicit;
+        if (!this.collapsed())
+            return new Set();
+        const all = new Set();
+        const walk = (nodes) => nodes.forEach((n) => {
+            if (!n.children.length)
+                return;
+            all.add(n.key);
+            walk(n.children);
+        });
+        walk(this.tree());
+        return all;
+    }
+    rowHeader() {
+        return this.rows()
+            .map((r) => this.fieldMap().get(r)?.label ?? r)
+            .join(' › ');
+    }
+    colLabel(key) {
+        const parts = splitKey(key);
+        return parts.map((v, i) => this.labelOf(this.columns()[i], v)).join(' / ');
+    }
+    measureLabel(m) {
+        return m.label ?? this.fieldMap().get(m.field)?.label ?? m.field;
+    }
+    cell(records, colKey, m) {
+        const subset = colKey === '\u0000total' ? records : records.filter((r) => keyOf(r, this.columns()) === colKey);
+        return subset.length ? aggregate(subset, m) : null;
+    }
+    text(value, m) {
+        if (value === null)
+            return '';
+        const locale = this.config.numberLocale ?? this.t().intlLocale;
+        const agg = m.aggregate ?? 'sum';
+        if (agg === 'count' || m.format === 'integer')
+            return cbFormatAmount(value, locale, { decimals: 0 });
+        if (m.format === 'number')
+            return cbFormatAmount(value, locale, { negative: this.config.negativeStyle });
+        return cbFormatAmount(value, locale, { currency: this.currency() ?? this.config.currency ?? null, negative: this.config.negativeStyle });
+    }
+    isCollapsed(key) {
+        return this.collapsedSet().has(key);
+    }
+    toggle(key) {
+        const next = new Set(this.collapsedSet());
+        if (next.has(key))
+            next.delete(key);
+        else
+            next.add(key);
+        this.collapsedKeys.set(next);
+    }
+    setRows(keys) {
+        // Se respeta el orden de las dimensiones en `fields`.
+        const order = this.fields().map((f) => f.key);
+        this.rows.set([...keys].sort((a, b) => order.indexOf(a) - order.indexOf(b)));
+        this.collapsedKeys.set(null);
+    }
+    /** Hoja de Excel con todas las filas (con niveles plegables) y los totales. */
+    toExcelSheet() {
+        const currency = this.currency() ?? this.config.currency;
+        const symbol = currency ? currencySymbol(currency, this.config.numberLocale ?? this.t().intlLocale) : undefined;
+        const keys = this.colKeysWithTotal();
+        const measures = this.measures();
+        const columns = [{ header: this.rowHeader() || this.t().pivotRows }];
+        for (const ck of keys) {
+            for (const m of measures) {
+                const head = ck === '\u0000total' ? this.t().tableTotal : this.colLabel(ck);
+                const agg = m.aggregate ?? 'sum';
+                columns.push({ header: measures.length > 1 ? `${head} · ${this.measureLabel(m)}` : head, type: agg === 'count' || m.format === 'integer' ? 'integer' : m.format === 'number' || !currency ? 'number' : 'currency', symbol });
+            }
+        }
+        const rows = [];
+        const walk = (nodes) => nodes.forEach((n) => {
+            rows.push({ level: n.level, indent: n.level, bold: n.children.length > 0, cells: [n.label, ...keys.flatMap((ck) => measures.map((m) => this.cell(n.records, ck, m)))] });
+            walk(n.children);
+        });
+        walk(this.tree());
+        return { name: this.ariaLabel() || this.t().pivotTitle, columns, rows, totals: [this.t().tableTotal, ...keys.flatMap((ck) => measures.map((m) => this.cell(this.data(), ck, m)))] };
+    }
+    exportExcel(filename) {
+        cbDownloadXlsx(filename ?? (this.ariaLabel() || this.t().pivotTitle), this.toExcelSheet());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPivot, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbPivot, isStandalone: true, selector: "cb-pivot", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, configurable: { classPropertyName: "configurable", publicName: "configurable", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", columns: "columnsChange" }, host: { classAttribute: "cb-pivot" }, ngImport: i0, template: `
+    @if (configurable()) {
+      <div class="cb-pv__config" role="group" [attr.aria-label]="t().pivotConfig">
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-rows'">{{ t().pivotRows }}</span>
+          <cb-multiselect [ariaLabelledBy]="uid + '-rows'" [options]="dimensionOptions()" optionValue="value" [value]="$any(rows())" (valueChange)="setRows($any($event))" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-cols'">{{ t().pivotColumns }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-cols'" [options]="columnOptions()" optionValue="value" [value]="columns().length ? columns()[0] : ''" (valueChange)="columns.set($event ? [$any($event)] : [])" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-agg'">{{ t().pivotAggregate }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-agg'" [options]="aggregateOptions()" optionValue="value" [value]="aggregateValue()" (valueChange)="aggregateOverride.set($any($event))" />
+        </div>
+        <span class="cb-pv__spacer"></span>
+        <cb-button size="sm" variant="outlined" (click)="exportExcel()">
+          <cb-icon name="download" [size]="15" aria-hidden="true" />
+          {{ t().reportExcel }}
+        </cb-button>
+      </div>
+    }
+
+    <div class="cb-pv__wrap">
+      <table class="cb-pv__table" [attr.aria-label]="ariaLabel() || t().pivotTitle">
+        <thead>
+          <tr>
+            <th scope="col" class="cb-pv__corner" [attr.rowspan]="measures().length > 1 ? 2 : null">{{ rowHeader() }}</th>
+            @for (ck of colKeys(); track ck) {
+              <th scope="colgroup" class="cb-pv__num" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ colLabel(ck) }}</th>
+            }
+            <th scope="colgroup" class="cb-pv__num cb-pv__total-col" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ t().tableTotal }}</th>
+          </tr>
+          @if (measures().length > 1) {
+            <tr>
+              @for (ck of colKeysWithTotal(); track ck) {
+                @for (m of measures(); track $index) {
+                  <th scope="col" class="cb-pv__num cb-pv__measure">{{ measureLabel(m) }}</th>
+                }
+              }
+            </tr>
+          }
+        </thead>
+        <tbody>
+          @for (r of flat(); track r.node.key) {
+            <tr [class.cb-pv__group]="r.hasChildren">
+              <th scope="row" [style.padding-inline-start]="'calc(0.75rem + ' + r.node.level * 1.1 + 'rem)'">
+                @if (r.hasChildren) {
+                  <button type="button" class="cb-pv__toggle" [attr.aria-expanded]="!isCollapsed(r.node.key)" (click)="toggle(r.node.key)">
+                    <cb-icon name="chevron-right" [size]="13" [class.cb-is-open]="!isCollapsed(r.node.key)" aria-hidden="true" />
+                    {{ r.node.label }}
+                  </button>
+                } @else {
+                  {{ r.node.label }}
+                }
+              </th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(r.node.records, ck, m) ?? 0) < 0">{{ text(cell(r.node.records, ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          } @empty {
+            <tr>
+              <td class="cb-pv__empty" [attr.colspan]="1 + colKeysWithTotal().length * measures().length">{{ t().noData }}</td>
+            </tr>
+          }
+        </tbody>
+        @if (data().length) {
+          <tfoot>
+            <tr>
+              <th scope="row">{{ t().tableTotal }}</th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(data(), ck, m) ?? 0) < 0">{{ text(cell(data(), ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          </tfoot>
+        }
+      </table>
+    </div>
+  `, isInline: true, styles: [":host{display:grid;gap:var(--cb-space-3, .75rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-pv__config{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.cb-pv__field{display:grid;gap:.25rem;min-width:11rem}.cb-pv__label{font-weight:var(--cb-font-weight-medium, 500)}.cb-pv__spacer{flex:1}.cb-pv__wrap{overflow:auto;max-height:34rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md)}.cb-pv__table{width:100%;border-collapse:separate;border-spacing:0}.cb-pv__table th,.cb-pv__table td{padding:.5rem .75rem;border-bottom:1px solid var(--cb-color-border);text-align:start;white-space:nowrap}.cb-pv__table thead th{position:sticky;top:0;z-index:2;background:var(--cb-color-surface-subtle);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table thead tr:nth-child(2) th{top:2.1rem}.cb-pv__table tbody th{position:sticky;left:0;z-index:1;background:var(--cb-color-bg);font-weight:400}.cb-pv__table .cb-pv__num{text-align:end;font-variant-numeric:tabular-nums}.cb-pv__group>th,.cb-pv__group>td{background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__total-col{border-left:1px solid var(--cb-color-border-strong);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__neg{color:var(--cb-color-danger-text, #dc2626)}.cb-pv__toggle{display:inline-flex;align-items:center;gap:.3rem;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.cb-pv__toggle cb-icon{transition:transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-pv__toggle cb-icon.cb-is-open{transform:rotate(90deg)}.cb-pv__toggle:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px;border-radius:2px}.cb-pv__table tfoot th,.cb-pv__table tfoot td{position:sticky;bottom:0;border-top:2px solid var(--cb-color-border-strong);border-bottom:0;background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table tfoot th{left:0;z-index:3}.cb-pv__empty{height:5rem;color:var(--cb-color-text-muted);text-align:center!important}@container (max-width: 40rem){.cb-pv__table tbody th,.cb-pv__table tfoot th,.cb-pv__table thead th:first-child{min-width:8rem;max-width:11rem;white-space:normal}.cb-pv__table tbody th{box-shadow:inset -1px 0 0 var(--cb-color-border)}}\n"], dependencies: [{ kind: "component", type: CbButton, selector: "cb-button", inputs: ["severity", "variant", "size", "disabled", "loading", "fullWidth", "type", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbMultiSelect, selector: "cb-multiselect", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showToggleAll", "maxSelectedLabels", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }, { kind: "component", type: CbSelect, selector: "cb-select", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showClear", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPivot, decorators: [{
+            type: Component,
+            args: [{ selector: 'cb-pivot', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbButton, CbIcon, CbMultiSelect, CbSelect], host: { class: 'cb-pivot' }, template: `
+    @if (configurable()) {
+      <div class="cb-pv__config" role="group" [attr.aria-label]="t().pivotConfig">
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-rows'">{{ t().pivotRows }}</span>
+          <cb-multiselect [ariaLabelledBy]="uid + '-rows'" [options]="dimensionOptions()" optionValue="value" [value]="$any(rows())" (valueChange)="setRows($any($event))" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-cols'">{{ t().pivotColumns }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-cols'" [options]="columnOptions()" optionValue="value" [value]="columns().length ? columns()[0] : ''" (valueChange)="columns.set($event ? [$any($event)] : [])" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-agg'">{{ t().pivotAggregate }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-agg'" [options]="aggregateOptions()" optionValue="value" [value]="aggregateValue()" (valueChange)="aggregateOverride.set($any($event))" />
+        </div>
+        <span class="cb-pv__spacer"></span>
+        <cb-button size="sm" variant="outlined" (click)="exportExcel()">
+          <cb-icon name="download" [size]="15" aria-hidden="true" />
+          {{ t().reportExcel }}
+        </cb-button>
+      </div>
+    }
+
+    <div class="cb-pv__wrap">
+      <table class="cb-pv__table" [attr.aria-label]="ariaLabel() || t().pivotTitle">
+        <thead>
+          <tr>
+            <th scope="col" class="cb-pv__corner" [attr.rowspan]="measures().length > 1 ? 2 : null">{{ rowHeader() }}</th>
+            @for (ck of colKeys(); track ck) {
+              <th scope="colgroup" class="cb-pv__num" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ colLabel(ck) }}</th>
+            }
+            <th scope="colgroup" class="cb-pv__num cb-pv__total-col" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ t().tableTotal }}</th>
+          </tr>
+          @if (measures().length > 1) {
+            <tr>
+              @for (ck of colKeysWithTotal(); track ck) {
+                @for (m of measures(); track $index) {
+                  <th scope="col" class="cb-pv__num cb-pv__measure">{{ measureLabel(m) }}</th>
+                }
+              }
+            </tr>
+          }
+        </thead>
+        <tbody>
+          @for (r of flat(); track r.node.key) {
+            <tr [class.cb-pv__group]="r.hasChildren">
+              <th scope="row" [style.padding-inline-start]="'calc(0.75rem + ' + r.node.level * 1.1 + 'rem)'">
+                @if (r.hasChildren) {
+                  <button type="button" class="cb-pv__toggle" [attr.aria-expanded]="!isCollapsed(r.node.key)" (click)="toggle(r.node.key)">
+                    <cb-icon name="chevron-right" [size]="13" [class.cb-is-open]="!isCollapsed(r.node.key)" aria-hidden="true" />
+                    {{ r.node.label }}
+                  </button>
+                } @else {
+                  {{ r.node.label }}
+                }
+              </th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(r.node.records, ck, m) ?? 0) < 0">{{ text(cell(r.node.records, ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          } @empty {
+            <tr>
+              <td class="cb-pv__empty" [attr.colspan]="1 + colKeysWithTotal().length * measures().length">{{ t().noData }}</td>
+            </tr>
+          }
+        </tbody>
+        @if (data().length) {
+          <tfoot>
+            <tr>
+              <th scope="row">{{ t().tableTotal }}</th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(data(), ck, m) ?? 0) < 0">{{ text(cell(data(), ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          </tfoot>
+        }
+      </table>
+    </div>
+  `, styles: [":host{display:grid;gap:var(--cb-space-3, .75rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-pv__config{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.cb-pv__field{display:grid;gap:.25rem;min-width:11rem}.cb-pv__label{font-weight:var(--cb-font-weight-medium, 500)}.cb-pv__spacer{flex:1}.cb-pv__wrap{overflow:auto;max-height:34rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md)}.cb-pv__table{width:100%;border-collapse:separate;border-spacing:0}.cb-pv__table th,.cb-pv__table td{padding:.5rem .75rem;border-bottom:1px solid var(--cb-color-border);text-align:start;white-space:nowrap}.cb-pv__table thead th{position:sticky;top:0;z-index:2;background:var(--cb-color-surface-subtle);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table thead tr:nth-child(2) th{top:2.1rem}.cb-pv__table tbody th{position:sticky;left:0;z-index:1;background:var(--cb-color-bg);font-weight:400}.cb-pv__table .cb-pv__num{text-align:end;font-variant-numeric:tabular-nums}.cb-pv__group>th,.cb-pv__group>td{background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__total-col{border-left:1px solid var(--cb-color-border-strong);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__neg{color:var(--cb-color-danger-text, #dc2626)}.cb-pv__toggle{display:inline-flex;align-items:center;gap:.3rem;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.cb-pv__toggle cb-icon{transition:transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-pv__toggle cb-icon.cb-is-open{transform:rotate(90deg)}.cb-pv__toggle:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px;border-radius:2px}.cb-pv__table tfoot th,.cb-pv__table tfoot td{position:sticky;bottom:0;border-top:2px solid var(--cb-color-border-strong);border-bottom:0;background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table tfoot th{left:0;z-index:3}.cb-pv__empty{height:5rem;color:var(--cb-color-text-muted);text-align:center!important}@container (max-width: 40rem){.cb-pv__table tbody th,.cb-pv__table tfoot th,.cb-pv__table thead th:first-child{min-width:8rem;max-width:11rem;white-space:normal}.cb-pv__table tbody th{box-shadow:inset -1px 0 0 var(--cb-color-border)}}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }, { type: i0.Output, args: ["rowsChange"] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }, { type: i0.Output, args: ["columnsChange"] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], configurable: [{ type: i0.Input, args: [{ isSignal: true, alias: "configurable", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+/*
+ * Public API Surface de @caribeng/ui/pivot
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CbPivot, aggregate, columnKeys, rowTree };

package/fesm2022/caribeng-ui-pricing.mjs

@@ -267,7 +267,7 @@ class CbPricing {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;min-width:0;font-family:var(--cb-font-sans);color:var(--cb-color-text)}.cb-pricing__title{max-width:30rem;margin:0 auto 1.75rem;text-align:center;font-size:1.4rem;line-height:1.3}.cb-pricing__toggle-wrap{display:flex;justify-content:center;margin-bottom:2rem}.cb-pricing__toggle{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--cb-color-surface-hover, rgba(0, 0, 0, .06))}.cb-pricing__toggle-thumb{position:absolute;top:4px;left:4px;width:110px;height:calc(100% - 8px);border-radius:999px;background:var(--cb-color-surface-raised, #fff);box-shadow:var(--cb-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:transform .2s ease}.cb-pricing__toggle--annual .cb-pricing__toggle-thumb{transform:translate(110px)}.cb-pricing__toggle-btn{position:relative;z-index:1;width:110px;height:40px;border:0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:500;cursor:pointer}.cb-pricing__toggle-btn--on{color:var(--cb-color-text)}.cb-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--cb-space-4, 1rem);align-items:start}.cb-pricing__plan{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 16px);background:var(--cb-color-surface)}.cb-pricing__plan--featured{background:var(--cb-color-primary-600, #059669);border-color:var(--cb-color-primary-600, #059669);color:#fff}.cb-pricing__plan-name{font-weight:600;font-size:1.1rem;margin-bottom:.75rem}.cb-pricing__price-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cb-pricing__price{display:flex;align-items:flex-end;gap:.25rem}.cb-pricing__price strong{font-size:1.9rem;line-height:1}.cb-pricing__per{font-size:.85rem;opacity:.7;margin-bottom:.2rem}.cb-pricing__old{font-size:1.1rem;font-weight:600;text-decoration:line-through;opacity:.45}.cb-pricing__desc{margin:.5rem 0 0;font-size:.85rem;opacity:.8}.cb-pricing__divider{height:1px;margin:1.25rem 0;background:currentColor;opacity:.15}.cb-pricing__features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.cb-pricing__features li{display:flex;align-items:center;gap:.6rem;font-size:.875rem}.cb-pricing__feature--off{opacity:.5}.cb-pricing__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cb-pricing__check{color:var(--cb-color-success-500, #22c55e);flex:none}.cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}.cb-pricing__plan--featured .cb-pricing__check{color:#fff}:host(.cb-pricing--list) .cb-pricing__grid{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:row;align-items:center;gap:1.75rem}:host(.cb-pricing--list) .cb-pricing__head{flex:0 0 210px}:host(.cb-pricing--list) .cb-pricing__plan-name{margin-bottom:.5rem}:host(.cb-pricing--list) .cb-pricing__divider{display:none}:host(.cb-pricing--list) .cb-pricing__features{flex:1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.25rem}:host(.cb-pricing--list) .cb-pricing__cta{flex:0 0 170px;align-self:center}@media(max-width:720px){:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:column;align-items:stretch;gap:1rem}:host(.cb-pricing--list) .cb-pricing__head{flex:none}:host(.cb-pricing--list) .cb-pricing__features{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__cta{flex:none}}.cb-pricing__plan-name{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cb-pricing__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:600;white-space:nowrap}.cb-pricing__badge cb-icon ::ng-deep svg{fill:currentColor}.cb-pricing__billed{margin:.5rem 0 0;font-size:.75rem;opacity:.7}.cb-pricing__saving{align-self:flex-start;margin-top:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-primary) 16%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text));font-size:.75rem;font-weight:600}.cb-pricing__plan--featured .cb-pricing__saving{background:#fff3;color:inherit}.cb-pricing__head{display:flex;flex-direction:column}.cb-pricing__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem}:host(.cb-pricing--horizontal) .cb-pricing__title{max-width:none;margin:0;text-align:left;font-size:2rem;line-height:1.2}.cb-pricing__subtitle{display:flex;align-items:center;gap:.375rem;margin:.75rem 0 0;color:var(--cb-color-text-muted);font-size:.875rem}.cb-pricing__choices{display:flex;flex-direction:column;gap:.25rem}.cb-pricing__choice{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}.cb-pricing__choice:hover{background:var(--cb-color-surface-hover)}.cb-pricing__choice:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-pricing__box{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1.5px solid var(--cb-color-border-strong);border-radius:4px;background:var(--cb-color-surface)}.cb-pricing__choice[aria-checked=true] .cb-pricing__box{border-color:var(--cb-color-primary);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast, #fff)}.cb-pricing__discount{padding:.125rem .5rem;border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-text);color:var(--cb-color-surface);font-size:.75rem;font-weight:700;white-space:nowrap}:host(.cb-pricing--horizontal) .cb-pricing__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(12.5rem,1fr);align-items:stretch;overflow-x:auto;padding:.25rem .25rem .5rem}:host(.cb-pricing--horizontal) .cb-pricing__plan{padding:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__plan-name{margin-bottom:1rem;font-size:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__price{align-items:baseline}:host(.cb-pricing--horizontal) .cb-pricing__price strong{display:inline-block;font-size:2rem;letter-spacing:-.02em}:host(.cb-pricing--horizontal) .cb-pricing__currency{display:inline-block;margin:.2rem .25rem 0 0;vertical-align:top;letter-spacing:0;font-size:.8rem;font-weight:500;opacity:.7}:host(.cb-pricing--horizontal) .cb-pricing__per{font-size:.9rem}:host(.cb-pricing--horizontal) .cb-pricing__divider{margin:.75rem 0 1rem}:host(.cb-pricing--horizontal) .cb-pricing__features li{align-items:flex-start;line-height:1.45}:host(.cb-pricing--horizontal) .cb-pricing__check{margin-top:.125rem;color:var(--cb-color-primary)}:host(.cb-pricing--horizontal) .cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured{border-color:color-mix(in srgb,var(--cb-color-primary) 45%,transparent);background:radial-gradient(circle at 30% 35%,color-mix(in srgb,var(--cb-color-primary) 18%,var(--cb-color-surface)),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--cb-color-primary) 42%,var(--cb-color-surface)),color-mix(in srgb,var(--cb-color-primary) 26%,var(--cb-color-surface)) 50%,color-mix(in srgb,var(--cb-color-primary) 48%,var(--cb-color-surface)));box-shadow:var(--cb-shadow-md, 0 6px 20px rgba(0, 0, 0, .08));color:var(--cb-color-text)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__badge{background:var(--cb-color-surface);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__saving{background:color-mix(in srgb,var(--cb-color-surface) 55%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__check{color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbButton, selector: "cb-button", inputs: ["severity", "variant", "size", "disabled", "loading", "fullWidth", "type", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;min-width:0;font-family:var(--cb-font-sans);color:var(--cb-color-text)}.cb-pricing__title{max-width:30rem;margin:0 auto 1.75rem;text-align:center;font-size:1.4rem;line-height:1.3}.cb-pricing__toggle-wrap{display:flex;justify-content:center;margin-bottom:2rem}.cb-pricing__toggle{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--cb-color-surface-hover, rgba(0, 0, 0, .06))}.cb-pricing__toggle-thumb{position:absolute;top:4px;left:4px;width:110px;height:calc(100% - 8px);border-radius:999px;background:var(--cb-color-surface-raised, #fff);box-shadow:var(--cb-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:transform .2s ease}.cb-pricing__toggle--annual .cb-pricing__toggle-thumb{transform:translate(110px)}.cb-pricing__toggle-btn{position:relative;z-index:1;width:110px;height:40px;border:0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:500;cursor:pointer}.cb-pricing__toggle-btn--on{color:var(--cb-color-text)}.cb-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--cb-space-4, 1rem);align-items:start}.cb-pricing__plan{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 16px);background:var(--cb-color-surface)}.cb-pricing__plan--featured{background:var(--cb-color-primary-700, #047857);border-color:var(--cb-color-primary-700, #047857);color:#fff}.cb-pricing__plan-name{font-weight:600;font-size:1.1rem;margin-bottom:.75rem}.cb-pricing__price-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cb-pricing__price{display:flex;align-items:flex-end;gap:.25rem}.cb-pricing__price strong{font-size:1.9rem;line-height:1}.cb-pricing__per{font-size:.85rem;opacity:.7;margin-bottom:.2rem}.cb-pricing__old{font-size:1.1rem;font-weight:600;text-decoration:line-through;opacity:.45}.cb-pricing__desc{margin:.5rem 0 0;font-size:.85rem;opacity:.8}.cb-pricing__divider{height:1px;margin:1.25rem 0;background:currentColor;opacity:.15}.cb-pricing__features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.cb-pricing__features li{display:flex;align-items:center;gap:.6rem;font-size:.875rem}.cb-pricing__feature--off{opacity:.5}.cb-pricing__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cb-pricing__check{color:var(--cb-color-success-500, #22c55e);flex:none}.cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}.cb-pricing__plan--featured .cb-pricing__check{color:#fff}:host(.cb-pricing--list) .cb-pricing__grid{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:row;align-items:center;gap:1.75rem}:host(.cb-pricing--list) .cb-pricing__head{flex:0 0 210px}:host(.cb-pricing--list) .cb-pricing__plan-name{margin-bottom:.5rem}:host(.cb-pricing--list) .cb-pricing__divider{display:none}:host(.cb-pricing--list) .cb-pricing__features{flex:1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.25rem}:host(.cb-pricing--list) .cb-pricing__cta{flex:0 0 170px;align-self:center}@media(max-width:720px){:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:column;align-items:stretch;gap:1rem}:host(.cb-pricing--list) .cb-pricing__head{flex:none}:host(.cb-pricing--list) .cb-pricing__features{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__cta{flex:none}}.cb-pricing__plan-name{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cb-pricing__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:600;white-space:nowrap}.cb-pricing__badge cb-icon ::ng-deep svg{fill:currentColor}.cb-pricing__billed{margin:.5rem 0 0;font-size:.75rem;opacity:.7}.cb-pricing__saving{align-self:flex-start;margin-top:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-primary) 16%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text));font-size:.75rem;font-weight:600}.cb-pricing__plan--featured .cb-pricing__saving{background:#fff3;color:inherit}.cb-pricing__head{display:flex;flex-direction:column}.cb-pricing__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem}:host(.cb-pricing--horizontal) .cb-pricing__title{max-width:none;margin:0;text-align:left;font-size:2rem;line-height:1.2}.cb-pricing__subtitle{display:flex;align-items:center;gap:.375rem;margin:.75rem 0 0;color:var(--cb-color-text-muted);font-size:.875rem}.cb-pricing__choices{display:flex;flex-direction:column;gap:.25rem}.cb-pricing__choice{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}.cb-pricing__choice:hover{background:var(--cb-color-surface-hover)}.cb-pricing__choice:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-pricing__box{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1.5px solid var(--cb-color-border-strong);border-radius:4px;background:var(--cb-color-surface)}.cb-pricing__choice[aria-checked=true] .cb-pricing__box{border-color:var(--cb-color-primary);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast, #fff)}.cb-pricing__discount{padding:.125rem .5rem;border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-text);color:var(--cb-color-surface);font-size:.75rem;font-weight:700;white-space:nowrap}:host(.cb-pricing--horizontal) .cb-pricing__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(12.5rem,1fr);align-items:stretch;overflow-x:auto;padding:.25rem .25rem .5rem}:host(.cb-pricing--horizontal) .cb-pricing__plan{padding:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__plan-name{margin-bottom:1rem;font-size:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__price{align-items:baseline}:host(.cb-pricing--horizontal) .cb-pricing__price strong{display:inline-block;font-size:2rem;letter-spacing:-.02em}:host(.cb-pricing--horizontal) .cb-pricing__currency{display:inline-block;margin:.2rem .25rem 0 0;vertical-align:top;letter-spacing:0;font-size:.8rem;font-weight:500;opacity:.7}:host(.cb-pricing--horizontal) .cb-pricing__per{font-size:.9rem}:host(.cb-pricing--horizontal) .cb-pricing__divider{margin:.75rem 0 1rem}:host(.cb-pricing--horizontal) .cb-pricing__features li{align-items:flex-start;line-height:1.45}:host(.cb-pricing--horizontal) .cb-pricing__check{margin-top:.125rem;color:var(--cb-color-primary-text)}:host(.cb-pricing--horizontal) .cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured{border-color:color-mix(in srgb,var(--cb-color-primary) 45%,transparent);background:radial-gradient(circle at 30% 35%,color-mix(in srgb,var(--cb-color-primary) 18%,var(--cb-color-surface)),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--cb-color-primary) 42%,var(--cb-color-surface)),color-mix(in srgb,var(--cb-color-primary) 26%,var(--cb-color-surface)) 50%,color-mix(in srgb,var(--cb-color-primary) 48%,var(--cb-color-surface)));box-shadow:var(--cb-shadow-md, 0 6px 20px rgba(0, 0, 0, .08));color:var(--cb-color-text)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__badge{background:var(--cb-color-surface);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__saving{background:color-mix(in srgb,var(--cb-color-surface) 55%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__check{color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbButton, selector: "cb-button", inputs: ["severity", "variant", "size", "disabled", "loading", "fullWidth", "type", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPricing, decorators: [{
             type: Component,
@@ -407,7 +407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         </div>
       }
     </div>
-  `, styles: [":host{display:block;min-width:0;font-family:var(--cb-font-sans);color:var(--cb-color-text)}.cb-pricing__title{max-width:30rem;margin:0 auto 1.75rem;text-align:center;font-size:1.4rem;line-height:1.3}.cb-pricing__toggle-wrap{display:flex;justify-content:center;margin-bottom:2rem}.cb-pricing__toggle{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--cb-color-surface-hover, rgba(0, 0, 0, .06))}.cb-pricing__toggle-thumb{position:absolute;top:4px;left:4px;width:110px;height:calc(100% - 8px);border-radius:999px;background:var(--cb-color-surface-raised, #fff);box-shadow:var(--cb-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:transform .2s ease}.cb-pricing__toggle--annual .cb-pricing__toggle-thumb{transform:translate(110px)}.cb-pricing__toggle-btn{position:relative;z-index:1;width:110px;height:40px;border:0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:500;cursor:pointer}.cb-pricing__toggle-btn--on{color:var(--cb-color-text)}.cb-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--cb-space-4, 1rem);align-items:start}.cb-pricing__plan{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 16px);background:var(--cb-color-surface)}.cb-pricing__plan--featured{background:var(--cb-color-primary-600, #059669);border-color:var(--cb-color-primary-600, #059669);color:#fff}.cb-pricing__plan-name{font-weight:600;font-size:1.1rem;margin-bottom:.75rem}.cb-pricing__price-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cb-pricing__price{display:flex;align-items:flex-end;gap:.25rem}.cb-pricing__price strong{font-size:1.9rem;line-height:1}.cb-pricing__per{font-size:.85rem;opacity:.7;margin-bottom:.2rem}.cb-pricing__old{font-size:1.1rem;font-weight:600;text-decoration:line-through;opacity:.45}.cb-pricing__desc{margin:.5rem 0 0;font-size:.85rem;opacity:.8}.cb-pricing__divider{height:1px;margin:1.25rem 0;background:currentColor;opacity:.15}.cb-pricing__features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.cb-pricing__features li{display:flex;align-items:center;gap:.6rem;font-size:.875rem}.cb-pricing__feature--off{opacity:.5}.cb-pricing__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cb-pricing__check{color:var(--cb-color-success-500, #22c55e);flex:none}.cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}.cb-pricing__plan--featured .cb-pricing__check{color:#fff}:host(.cb-pricing--list) .cb-pricing__grid{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:row;align-items:center;gap:1.75rem}:host(.cb-pricing--list) .cb-pricing__head{flex:0 0 210px}:host(.cb-pricing--list) .cb-pricing__plan-name{margin-bottom:.5rem}:host(.cb-pricing--list) .cb-pricing__divider{display:none}:host(.cb-pricing--list) .cb-pricing__features{flex:1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.25rem}:host(.cb-pricing--list) .cb-pricing__cta{flex:0 0 170px;align-self:center}@media(max-width:720px){:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:column;align-items:stretch;gap:1rem}:host(.cb-pricing--list) .cb-pricing__head{flex:none}:host(.cb-pricing--list) .cb-pricing__features{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__cta{flex:none}}.cb-pricing__plan-name{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cb-pricing__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:600;white-space:nowrap}.cb-pricing__badge cb-icon ::ng-deep svg{fill:currentColor}.cb-pricing__billed{margin:.5rem 0 0;font-size:.75rem;opacity:.7}.cb-pricing__saving{align-self:flex-start;margin-top:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-primary) 16%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text));font-size:.75rem;font-weight:600}.cb-pricing__plan--featured .cb-pricing__saving{background:#fff3;color:inherit}.cb-pricing__head{display:flex;flex-direction:column}.cb-pricing__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem}:host(.cb-pricing--horizontal) .cb-pricing__title{max-width:none;margin:0;text-align:left;font-size:2rem;line-height:1.2}.cb-pricing__subtitle{display:flex;align-items:center;gap:.375rem;margin:.75rem 0 0;color:var(--cb-color-text-muted);font-size:.875rem}.cb-pricing__choices{display:flex;flex-direction:column;gap:.25rem}.cb-pricing__choice{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}.cb-pricing__choice:hover{background:var(--cb-color-surface-hover)}.cb-pricing__choice:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-pricing__box{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1.5px solid var(--cb-color-border-strong);border-radius:4px;background:var(--cb-color-surface)}.cb-pricing__choice[aria-checked=true] .cb-pricing__box{border-color:var(--cb-color-primary);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast, #fff)}.cb-pricing__discount{padding:.125rem .5rem;border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-text);color:var(--cb-color-surface);font-size:.75rem;font-weight:700;white-space:nowrap}:host(.cb-pricing--horizontal) .cb-pricing__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(12.5rem,1fr);align-items:stretch;overflow-x:auto;padding:.25rem .25rem .5rem}:host(.cb-pricing--horizontal) .cb-pricing__plan{padding:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__plan-name{margin-bottom:1rem;font-size:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__price{align-items:baseline}:host(.cb-pricing--horizontal) .cb-pricing__price strong{display:inline-block;font-size:2rem;letter-spacing:-.02em}:host(.cb-pricing--horizontal) .cb-pricing__currency{display:inline-block;margin:.2rem .25rem 0 0;vertical-align:top;letter-spacing:0;font-size:.8rem;font-weight:500;opacity:.7}:host(.cb-pricing--horizontal) .cb-pricing__per{font-size:.9rem}:host(.cb-pricing--horizontal) .cb-pricing__divider{margin:.75rem 0 1rem}:host(.cb-pricing--horizontal) .cb-pricing__features li{align-items:flex-start;line-height:1.45}:host(.cb-pricing--horizontal) .cb-pricing__check{margin-top:.125rem;color:var(--cb-color-primary)}:host(.cb-pricing--horizontal) .cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured{border-color:color-mix(in srgb,var(--cb-color-primary) 45%,transparent);background:radial-gradient(circle at 30% 35%,color-mix(in srgb,var(--cb-color-primary) 18%,var(--cb-color-surface)),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--cb-color-primary) 42%,var(--cb-color-surface)),color-mix(in srgb,var(--cb-color-primary) 26%,var(--cb-color-surface)) 50%,color-mix(in srgb,var(--cb-color-primary) 48%,var(--cb-color-surface)));box-shadow:var(--cb-shadow-md, 0 6px 20px rgba(0, 0, 0, .08));color:var(--cb-color-text)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__badge{background:var(--cb-color-surface);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__saving{background:color-mix(in srgb,var(--cb-color-surface) 55%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__check{color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}\n"] }]
+  `, styles: [":host{display:block;min-width:0;font-family:var(--cb-font-sans);color:var(--cb-color-text)}.cb-pricing__title{max-width:30rem;margin:0 auto 1.75rem;text-align:center;font-size:1.4rem;line-height:1.3}.cb-pricing__toggle-wrap{display:flex;justify-content:center;margin-bottom:2rem}.cb-pricing__toggle{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--cb-color-surface-hover, rgba(0, 0, 0, .06))}.cb-pricing__toggle-thumb{position:absolute;top:4px;left:4px;width:110px;height:calc(100% - 8px);border-radius:999px;background:var(--cb-color-surface-raised, #fff);box-shadow:var(--cb-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:transform .2s ease}.cb-pricing__toggle--annual .cb-pricing__toggle-thumb{transform:translate(110px)}.cb-pricing__toggle-btn{position:relative;z-index:1;width:110px;height:40px;border:0;background:transparent;color:var(--cb-color-text-muted);font:inherit;font-weight:500;cursor:pointer}.cb-pricing__toggle-btn--on{color:var(--cb-color-text)}.cb-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--cb-space-4, 1rem);align-items:start}.cb-pricing__plan{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 16px);background:var(--cb-color-surface)}.cb-pricing__plan--featured{background:var(--cb-color-primary-700, #047857);border-color:var(--cb-color-primary-700, #047857);color:#fff}.cb-pricing__plan-name{font-weight:600;font-size:1.1rem;margin-bottom:.75rem}.cb-pricing__price-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cb-pricing__price{display:flex;align-items:flex-end;gap:.25rem}.cb-pricing__price strong{font-size:1.9rem;line-height:1}.cb-pricing__per{font-size:.85rem;opacity:.7;margin-bottom:.2rem}.cb-pricing__old{font-size:1.1rem;font-weight:600;text-decoration:line-through;opacity:.45}.cb-pricing__desc{margin:.5rem 0 0;font-size:.85rem;opacity:.8}.cb-pricing__divider{height:1px;margin:1.25rem 0;background:currentColor;opacity:.15}.cb-pricing__features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.cb-pricing__features li{display:flex;align-items:center;gap:.6rem;font-size:.875rem}.cb-pricing__feature--off{opacity:.5}.cb-pricing__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cb-pricing__check{color:var(--cb-color-success-500, #22c55e);flex:none}.cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}.cb-pricing__plan--featured .cb-pricing__check{color:#fff}:host(.cb-pricing--list) .cb-pricing__grid{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:row;align-items:center;gap:1.75rem}:host(.cb-pricing--list) .cb-pricing__head{flex:0 0 210px}:host(.cb-pricing--list) .cb-pricing__plan-name{margin-bottom:.5rem}:host(.cb-pricing--list) .cb-pricing__divider{display:none}:host(.cb-pricing--list) .cb-pricing__features{flex:1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.25rem}:host(.cb-pricing--list) .cb-pricing__cta{flex:0 0 170px;align-self:center}@media(max-width:720px){:host(.cb-pricing--list) .cb-pricing__plan{flex-direction:column;align-items:stretch;gap:1rem}:host(.cb-pricing--list) .cb-pricing__head{flex:none}:host(.cb-pricing--list) .cb-pricing__features{grid-template-columns:1fr}:host(.cb-pricing--list) .cb-pricing__cta{flex:none}}.cb-pricing__plan-name{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cb-pricing__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:600;white-space:nowrap}.cb-pricing__badge cb-icon ::ng-deep svg{fill:currentColor}.cb-pricing__billed{margin:.5rem 0 0;font-size:.75rem;opacity:.7}.cb-pricing__saving{align-self:flex-start;margin-top:.25rem;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-primary) 16%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text));font-size:.75rem;font-weight:600}.cb-pricing__plan--featured .cb-pricing__saving{background:#fff3;color:inherit}.cb-pricing__head{display:flex;flex-direction:column}.cb-pricing__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem}:host(.cb-pricing--horizontal) .cb-pricing__title{max-width:none;margin:0;text-align:left;font-size:2rem;line-height:1.2}.cb-pricing__subtitle{display:flex;align-items:center;gap:.375rem;margin:.75rem 0 0;color:var(--cb-color-text-muted);font-size:.875rem}.cb-pricing__choices{display:flex;flex-direction:column;gap:.25rem}.cb-pricing__choice{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .375rem;border:0;border-radius:var(--cb-radius-md, 6px);background:transparent;color:var(--cb-color-text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}.cb-pricing__choice:hover{background:var(--cb-color-surface-hover)}.cb-pricing__choice:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-pricing__box{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1.5px solid var(--cb-color-border-strong);border-radius:4px;background:var(--cb-color-surface)}.cb-pricing__choice[aria-checked=true] .cb-pricing__box{border-color:var(--cb-color-primary);background:var(--cb-color-primary);color:var(--cb-color-primary-contrast, #fff)}.cb-pricing__discount{padding:.125rem .5rem;border-radius:var(--cb-radius-sm, 4px);background:var(--cb-color-text);color:var(--cb-color-surface);font-size:.75rem;font-weight:700;white-space:nowrap}:host(.cb-pricing--horizontal) .cb-pricing__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(12.5rem,1fr);align-items:stretch;overflow-x:auto;padding:.25rem .25rem .5rem}:host(.cb-pricing--horizontal) .cb-pricing__plan{padding:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__plan-name{margin-bottom:1rem;font-size:1.25rem}:host(.cb-pricing--horizontal) .cb-pricing__price{align-items:baseline}:host(.cb-pricing--horizontal) .cb-pricing__price strong{display:inline-block;font-size:2rem;letter-spacing:-.02em}:host(.cb-pricing--horizontal) .cb-pricing__currency{display:inline-block;margin:.2rem .25rem 0 0;vertical-align:top;letter-spacing:0;font-size:.8rem;font-weight:500;opacity:.7}:host(.cb-pricing--horizontal) .cb-pricing__per{font-size:.9rem}:host(.cb-pricing--horizontal) .cb-pricing__divider{margin:.75rem 0 1rem}:host(.cb-pricing--horizontal) .cb-pricing__features li{align-items:flex-start;line-height:1.45}:host(.cb-pricing--horizontal) .cb-pricing__check{margin-top:.125rem;color:var(--cb-color-primary-text)}:host(.cb-pricing--horizontal) .cb-pricing__feature--off .cb-pricing__check{color:var(--cb-color-text-muted)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured{border-color:color-mix(in srgb,var(--cb-color-primary) 45%,transparent);background:radial-gradient(circle at 30% 35%,color-mix(in srgb,var(--cb-color-primary) 18%,var(--cb-color-surface)),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--cb-color-primary) 42%,var(--cb-color-surface)),color-mix(in srgb,var(--cb-color-primary) 26%,var(--cb-color-surface)) 50%,color-mix(in srgb,var(--cb-color-primary) 48%,var(--cb-color-surface)));box-shadow:var(--cb-shadow-md, 0 6px 20px rgba(0, 0, 0, .08));color:var(--cb-color-text)}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__badge{background:var(--cb-color-surface);color:color-mix(in srgb,var(--cb-color-primary) 75%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__saving{background:color-mix(in srgb,var(--cb-color-surface) 55%,transparent);color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}:host(.cb-pricing--horizontal) .cb-pricing__plan--featured .cb-pricing__check{color:color-mix(in srgb,var(--cb-color-primary) 60%,var(--cb-color-text))}\n"] }]
         }], propDecorators: { plans: [{ type: i0.Input, args: [{ isSignal: true, alias: "plans", required: false }] }], billing: [{ type: i0.Input, args: [{ isSignal: true, alias: "billing", required: false }] }, { type: i0.Output, args: ["billingChange"] }], showToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggle", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], annualBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "annualBadge", required: false }] }], annualDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "annualDisplay", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], monthlyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthlyLabel", required: false }] }], annualLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "annualLabel", required: false }] }], perMonthLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "perMonthLabel", required: false }] }], perYearLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "perYearLabel", required: false }] }], ctaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctaLabel", required: false }] }], planSelect: [{ type: i0.Output, args: ["planSelect"] }] } });
 
 /*