@kouji-ui/components 0.1.3 → 0.1.4

package/fesm2022/kouji-ui-components.mjs

@@ -6810,6 +6810,12 @@ class KjInputComponent {
     ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
     disabled = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Native `autocomplete` attribute passthrough. Empty string omits the attribute. */
+    autocomplete = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
+    /** Native `inputmode` attribute passthrough. Empty string omits the attribute. */
+    inputmode = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []));
     innerInput;
     /** Native `<input>` element, queried via template-ref. Used by callers
      *  (cell editors, focus-trapping consumers) that need to move keyboard
@@ -6833,7 +6839,7 @@ class KjInputComponent {
         this.innerInput?.formCtrl.setDisabledState(isDisabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: KjInputComponent, isStandalone: true, selector: "kj-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, kjSize: { classPropertyName: "kjSize", publicName: "kjSize", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-type": "type()" }, styleAttribute: "display: contents;" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: KjInputComponent, isStandalone: true, selector: "kj-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, kjSize: { classPropertyName: "kjSize", publicName: "kjSize", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, inputmode: { classPropertyName: "inputmode", publicName: "inputmode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-type": "type()" }, styleAttribute: "display: contents;" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KjInputComponent),
@@ -6847,6 +6853,8 @@ class KjInputComponent {
       [type]="type()"
       [value]="value()"
       [placeholder]="placeholder()"
+      [attr.autocomplete]="autocomplete() || null"
+      [attr.inputmode]="inputmode() || null"
       [attr.data-variant]="variant()"
       [attr.data-size]="kjSize() === 'md' ? null : kjSize()"
       [kjInvalid]="invalid()"
@@ -6870,6 +6878,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
       [type]="type()"
       [value]="value()"
       [placeholder]="placeholder()"
+      [attr.autocomplete]="autocomplete() || null"
+      [attr.inputmode]="inputmode() || null"
       [attr.data-variant]="variant()"
       [attr.data-size]="kjSize() === 'md' ? null : kjSize()"
       [kjInvalid]="invalid()"
@@ -6879,7 +6889,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         'style': 'display: contents;',
                         '[attr.data-type]': 'type()',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-input{--kj-input-bg: var(--kj-bg-field);--kj-input-fg: var(--kj-fg-default);--kj-input-border-color: var(--kj-border-default);--kj-input-border-style: solid;--kj-input-border-width: var(--kj-border);--kj-input-radius: var(--kj-radius-field);--kj-input-padding-x: var(--kj-space-md);--kj-input-padding-y: var(--kj-space-sm);--kj-input-font: var(--kj-font-sans);--kj-input-font-size: var(--kj-text-sm);--kj-input-placeholder-fg: var(--kj-fg-muted);--kj-input-height: 2.25rem;display:inline-flex;width:100%;height:var(--kj-input-height);background:var(--kj-input-bg);color:var(--kj-input-fg);border:var(--kj-input-border-width) var(--kj-input-border-style) var(--kj-input-border-color);border-radius:var(--kj-input-radius);padding:var(--kj-input-padding-y) var(--kj-input-padding-x);font:var(--kj-input-font-size) / 1.4 var(--kj-input-font);transition:var(--kj-transition)}.kj-input[data-size=xs]{--kj-input-height: 1.75rem;--kj-input-font-size: .75rem;--kj-input-padding-x: var(--kj-space-sm);--kj-input-padding-y: 0}.kj-input[data-size=sm]{--kj-input-height: 2rem;--kj-input-font-size: .8125rem}.kj-input[data-size=lg]{--kj-input-height: 2.75rem;--kj-input-font-size: 1rem}.kj-input[data-variant=sunken]{--kj-input-bg: var(--kj-bg-body)}.kj-input::placeholder{color:var(--kj-input-placeholder-fg)}.kj-input:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px;--kj-input-border-color: var(--kj-border-focus, var(--kj-bg-primary))}.kj-input[aria-invalid=true]{--kj-input-border-color: var(--kj-border-danger, var(--kj-fg-danger))}.kj-input[aria-disabled=true],.kj-input:disabled{opacity:.55;cursor:not-allowed}.kj-input[type=color]{inline-size:44px;block-size:32px;padding:2px;cursor:pointer}}\n"] }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], innerInput: [{
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], inputmode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputmode", required: false }] }], innerInput: [{
                 type: ViewChild,
                 args: [KjInput, { static: true }]
             }], nativeInput: [{ type: i0.ViewChild, args: ['nativeInput', { isSignal: true }] }] } });
@@ -6980,7 +6990,7 @@ class KjIconGalleryExample {
     <div class="visually-hidden" role="status" aria-live="polite">
       {{ announcement() }}
     </div>
-  `, isInline: true, styles: ["kj-icon-gallery-example{display:block}kj-icon-gallery-example .gallery-header{display:flex;flex-direction:column;gap:var(--kj-space-sm);margin-bottom:var(--kj-space-lg)}kj-icon-gallery-example .gallery-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--kj-space-md);flex-wrap:wrap}kj-icon-gallery-example .gallery-title h3{margin:0;font-size:var(--kj-font-size-lg, 1.125rem);font-weight:600;color:var(--kj-fg-default, currentColor)}kj-icon-gallery-example .gallery-count{font-size:var(--kj-font-size-sm, .875rem);color:var(--kj-fg-muted, currentColor);font-variant-numeric:tabular-nums}kj-icon-gallery-example .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--kj-space-md)}kj-icon-gallery-example .gallery-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--kj-space-xs);min-height:88px;padding:var(--kj-space-md);border:1px solid var(--kj-border-default, rgba(0, 0, 0, .12));border-radius:var(--kj-radius-md, 8px);background:var(--kj-bg-body, transparent);color:inherit;font:inherit;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}kj-icon-gallery-example .gallery-tile:hover,kj-icon-gallery-example .gallery-tile:focus-visible{background:var(--kj-bg-surface, rgba(0, 0, 0, .04));border-color:var(--kj-border-default, rgba(0, 0, 0, .24));outline:none}kj-icon-gallery-example .gallery-tile:focus-visible{box-shadow:0 0 0 2px var(--kj-bg-primary, #5b8def)}kj-icon-gallery-example .gallery-tile i.kj-icon{font-size:24px}kj-icon-gallery-example .gallery-tile .name{font-size:11px;letter-spacing:.04em;text-transform:lowercase;color:var(--kj-fg-muted, currentColor);word-break:break-all;text-align:center;line-height:1.2}kj-icon-gallery-example .gallery-empty{text-align:center;color:var(--kj-fg-muted, currentColor);border:1px dashed var(--kj-border-default, rgba(0, 0, 0, .12));border-radius:var(--kj-radius-md, 8px)}kj-icon-gallery-example .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: KjIconDirective, selector: "span[kjIcon], i[kjIcon]", inputs: ["kjIcon", "kjIconLabel", "kjIconColor", "kjIconSize"] }, { kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled"] }, { kind: "component", type: KjButtonComponent, selector: "kj-button", inputs: ["kjVariant", "kjSize", "kjDisabled", "kjLoading", "kjFullWidth", "kjPressed", "kjType", "kjAriaLabel"], outputs: ["kjPressedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["kj-icon-gallery-example{display:block}kj-icon-gallery-example .gallery-header{display:flex;flex-direction:column;gap:var(--kj-space-sm);margin-bottom:var(--kj-space-lg)}kj-icon-gallery-example .gallery-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--kj-space-md);flex-wrap:wrap}kj-icon-gallery-example .gallery-title h3{margin:0;font-size:var(--kj-font-size-lg, 1.125rem);font-weight:600;color:var(--kj-fg-default, currentColor)}kj-icon-gallery-example .gallery-count{font-size:var(--kj-font-size-sm, .875rem);color:var(--kj-fg-muted, currentColor);font-variant-numeric:tabular-nums}kj-icon-gallery-example .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--kj-space-md)}kj-icon-gallery-example .gallery-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--kj-space-xs);min-height:88px;padding:var(--kj-space-md);border:1px solid var(--kj-border-default, rgba(0, 0, 0, .12));border-radius:var(--kj-radius-md, 8px);background:var(--kj-bg-body, transparent);color:inherit;font:inherit;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}kj-icon-gallery-example .gallery-tile:hover,kj-icon-gallery-example .gallery-tile:focus-visible{background:var(--kj-bg-surface, rgba(0, 0, 0, .04));border-color:var(--kj-border-default, rgba(0, 0, 0, .24));outline:none}kj-icon-gallery-example .gallery-tile:focus-visible{box-shadow:0 0 0 2px var(--kj-bg-primary, #5b8def)}kj-icon-gallery-example .gallery-tile i.kj-icon{font-size:24px}kj-icon-gallery-example .gallery-tile .name{font-size:11px;letter-spacing:.04em;text-transform:lowercase;color:var(--kj-fg-muted, currentColor);word-break:break-all;text-align:center;line-height:1.2}kj-icon-gallery-example .gallery-empty{text-align:center;color:var(--kj-fg-muted, currentColor);border:1px dashed var(--kj-border-default, rgba(0, 0, 0, .12));border-radius:var(--kj-radius-md, 8px)}kj-icon-gallery-example .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: KjIconDirective, selector: "span[kjIcon], i[kjIcon]", inputs: ["kjIcon", "kjIconLabel", "kjIconColor", "kjIconSize"] }, { kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled", "autocomplete", "inputmode"] }, { kind: "component", type: KjButtonComponent, selector: "kj-button", inputs: ["kjVariant", "kjSize", "kjDisabled", "kjLoading", "kjFullWidth", "kjPressed", "kjType", "kjAriaLabel"], outputs: ["kjPressedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjIconGalleryExample, decorators: [{
             type: Component,
@@ -12044,7 +12054,7 @@ class KjTextEditor {
       (keydown.escape)="cancel(); $event.stopPropagation()"
       (focusout)="onFocusOut($event)"
     />
-  `, isInline: true, dependencies: [{ kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled", "autocomplete", "inputmode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTextEditor, decorators: [{
             type: Component,
@@ -12647,7 +12657,7 @@ class KjTextFilter {
         [formControl]="control"
       />
     </div>
-  `, isInline: true, styles: [".kj-text-filter,.kj-number-filter,.kj-date-filter,.kj-select-filter{display:flex;align-items:center;gap:var(--kj-base-space-xs, .25rem);width:100%}.kj-text-filter__label,.kj-select-filter__label{display:flex;width:100%;align-items:center}.kj-number-filter__operator{flex:0 0 auto;min-width:4.25rem}.kj-number-filter__input{flex:1 1 0;min-width:0}.kj-date-filter__label{display:flex;flex:1 1 0;min-width:0;align-items:center}.kj-date-filter .kj-date-picker{flex:1 1 0;min-width:0}.kj-select-filter .kj-select{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled"] }, { kind: "directive", type: KjVisuallyHidden, selector: "[kjVisuallyHidden]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".kj-text-filter,.kj-number-filter,.kj-date-filter,.kj-select-filter{display:flex;align-items:center;gap:var(--kj-base-space-xs, .25rem);width:100%}.kj-text-filter__label,.kj-select-filter__label{display:flex;width:100%;align-items:center}.kj-number-filter__operator{flex:0 0 auto;min-width:4.25rem}.kj-number-filter__input{flex:1 1 0;min-width:0}.kj-date-filter__label{display:flex;flex:1 1 0;min-width:0;align-items:center}.kj-date-filter .kj-date-picker{flex:1 1 0;min-width:0}.kj-select-filter .kj-select{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled", "autocomplete", "inputmode"] }, { kind: "directive", type: KjVisuallyHidden, selector: "[kjVisuallyHidden]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTextFilter, decorators: [{
             type: Component,
@@ -14754,7 +14764,7 @@ class KjTableToolbarComponent {
         <ng-content select="[kjBulkAction]" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--kj-base-space-md, .75rem);padding:var(--kj-base-space-md, .75rem)}.kj-table-toolbar__filter{flex:1 1 16rem;min-width:6rem;display:flex;align-items:center}.kj-table-toolbar__filter .kj-input{width:100%}.kj-table-toolbar__filter .kj-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kj-table-toolbar__bulk{display:flex;gap:var(--kj-base-space-sm, .5rem);margin-inline-start:auto}\n"], dependencies: [{ kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled"] }, { kind: "component", type: KjButtonComponent, selector: "kj-button", inputs: ["kjVariant", "kjSize", "kjDisabled", "kjLoading", "kjFullWidth", "kjPressed", "kjType", "kjAriaLabel"], outputs: ["kjPressedChange"] }, { kind: "component", type: KjButtonGroupComponent, selector: "kj-button-group", inputs: ["kjOrientation", "kjVariant", "kjSize", "kjDisabled", "kjAriaLabel"] }, { kind: "component", type: KjCheckboxComponent, selector: "kj-checkbox", inputs: ["checked", "disabled", "indeterminate", "size"], outputs: ["checkedChange"] }, { kind: "directive", type: KjDropdownMenuTrigger, selector: "[kjDropdownMenuTrigger]", inputs: ["kjTrigger", "kjMount", "kjDisabled", "kjCloseOnSelect"], outputs: ["kjMenuClosed"], exportAs: ["kjDropdownMenuTrigger"] }, { kind: "component", type: KjDropdownMenuContent, selector: "kj-dropdown-menu-content", inputs: ["kjSide", "kjAlign", "kjMount"] }, { kind: "directive", type: KjDropdownMenuItem, selector: "[kjDropdownMenuItem]", outputs: ["kjSelect"] }, { kind: "directive", type: KjDropdownMenuSeparator, selector: "[kjDropdownMenuSeparator]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [":host{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--kj-base-space-md, .75rem);padding:var(--kj-base-space-md, .75rem)}.kj-table-toolbar__filter{flex:1 1 16rem;min-width:6rem;display:flex;align-items:center}.kj-table-toolbar__filter .kj-input{width:100%}.kj-table-toolbar__filter .kj-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kj-table-toolbar__bulk{display:flex;gap:var(--kj-base-space-sm, .5rem);margin-inline-start:auto}\n"], dependencies: [{ kind: "component", type: KjInputComponent, selector: "kj-input", inputs: ["type", "variant", "kjSize", "value", "placeholder", "invalid", "disabled", "autocomplete", "inputmode"] }, { kind: "component", type: KjButtonComponent, selector: "kj-button", inputs: ["kjVariant", "kjSize", "kjDisabled", "kjLoading", "kjFullWidth", "kjPressed", "kjType", "kjAriaLabel"], outputs: ["kjPressedChange"] }, { kind: "component", type: KjButtonGroupComponent, selector: "kj-button-group", inputs: ["kjOrientation", "kjVariant", "kjSize", "kjDisabled", "kjAriaLabel"] }, { kind: "component", type: KjCheckboxComponent, selector: "kj-checkbox", inputs: ["checked", "disabled", "indeterminate", "size"], outputs: ["checkedChange"] }, { kind: "directive", type: KjDropdownMenuTrigger, selector: "[kjDropdownMenuTrigger]", inputs: ["kjTrigger", "kjMount", "kjDisabled", "kjCloseOnSelect"], outputs: ["kjMenuClosed"], exportAs: ["kjDropdownMenuTrigger"] }, { kind: "component", type: KjDropdownMenuContent, selector: "kj-dropdown-menu-content", inputs: ["kjSide", "kjAlign", "kjMount"] }, { kind: "directive", type: KjDropdownMenuItem, selector: "[kjDropdownMenuItem]", outputs: ["kjSelect"] }, { kind: "directive", type: KjDropdownMenuSeparator, selector: "[kjDropdownMenuSeparator]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTableToolbarComponent, decorators: [{
             type: Component,