@seniorsistemas/angular-components 19.9.10 → 19.9.11-develop-1dc6275b

package/esm2022/input-group/lib/input-group/input-group.component.mjs

@@ -0,0 +1,37 @@
+import { Component, input } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * @description Componente de layout que envolve um `<input sInputText>` (projetado via
+ * `ng-content`) e adiciona botões internos à esquerda e/ou à direita do campo.
+ *
+ * O `<input>` projetado continua totalmente sob controle do consumidor — combine
+ * livremente com `[formControl]`/`[(ngModel)]`, `sInputMask`, `pKeyFilter`, `sTooltip`, etc.
+ *
+ * @example
+ * ```html
+ * <s-input-group [leftAddon]="{ icon: 'pi pi-search', callback: buscar }">
+ *     <input sInputText [formControl]="nome" placeholder="Buscar..." />
+ * </s-input-group>
+ * ```
+ *
+ * @category Structure
+ */
+export class InputGroupComponent {
+    /** @description Configuração do botão exibido à esquerda do input. */
+    leftAddon = input();
+    /** @description Configuração do botão exibido à direita do input. */
+    rightAddon = input();
+    isAddonDisabled(addon) {
+        return typeof addon.disabled === 'function' ? addon.disabled() : !!addon.disabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InputGroupComponent, isStandalone: true, selector: "s-input-group", inputs: { leftAddon: { classPropertyName: "leftAddon", publicName: "leftAddon", isSignal: true, isRequired: false, transformFunction: null }, rightAddon: { classPropertyName: "rightAddon", publicName: "rightAddon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block w-full" }, ngImport: i0, template: "@let inputCornerClass =\n    (leftAddon() ? '[&_input]:rounded-l-[0px] ' : '') + (rightAddon() ? '[&_input]:rounded-r-[0px]' : '');\n\n<ng-template\n    #addonRender\n    let-addon\n    let-direction=\"direction\"\n>\n    @let addonButtonClass =\n        'flex h-[35px] shrink-0 items-center justify-center gap-1 rounded-medium border border-grayscale-30 bg-grayscale-0 px-[10px] text-sm text-grayscale-90 transition-colors duration-200 ease-out hover:bg-grayscale-5 focus:outline focus:outline-2 focus:outline-offset-[-2px] focus:outline-[var(--s-focus-ring-color,#0090ff)] disabled:cursor-not-allowed disabled:border-grayscale-20 disabled:bg-grayscale-5 disabled:text-grayscale-30';\n\n    @let className =\n        addonButtonClass + ' ' + (direction === 'left' ? 'rounded-r-[0px] border-r-0' : 'rounded-l-[0px] border-l-0');\n    <button\n        type=\"button\"\n        [class]=\"className\"\n        [disabled]=\"isAddonDisabled(addon)\"\n        (click)=\"addon.callback?.()\"\n    >\n        @if (addon.icon) {\n            <i [class]=\"addon.icon\"></i>\n        }\n        @if (addon.label) {\n            <span>{{ addon.label }} </span>\n        }\n    </button>\n</ng-template>\n\n<div\n    [class]=\"inputCornerClass\"\n    class=\"relative flex w-full items-stretch rounded-medium has-[input:focus]:outline has-[input:focus]:outline-2 has-[input:focus]:outline-offset-[-2px] has-[input:focus]:outline-[var(--s-focus-ring-color,#0090ff)] [&:has(input:focus)_input]:!border-grayscale-30 [&:has(input:focus)_input]:shadow-none [&:has(input:focus)_input]:outline-none [&:has(button:focus)_input]:!border-grayscale-30 [&:has(input.ng-invalid.ng-dirty):not(:focus-within)_button]:border-criticality-red\"\n>\n    @if (leftAddon()) {\n        <ng-container\n            *ngTemplateOutlet=\"addonRender; context: { $implicit: leftAddon(), direction: 'left' }\"\n        ></ng-container>\n    }\n\n    <ng-content select=\"input[sInputText]\"></ng-content>\n\n    @if (rightAddon()) {\n        <ng-container\n            *ngTemplateOutlet=\"addonRender; context: { $implicit: rightAddon(), direction: 'right' }\"\n        ></ng-container>\n    }\n</div>\n\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-input-group', standalone: true, host: {
+                        class: 'block w-full',
+                    }, imports: [NgTemplateOutlet], template: "@let inputCornerClass =\n    (leftAddon() ? '[&_input]:rounded-l-[0px] ' : '') + (rightAddon() ? '[&_input]:rounded-r-[0px]' : '');\n\n<ng-template\n    #addonRender\n    let-addon\n    let-direction=\"direction\"\n>\n    @let addonButtonClass =\n        'flex h-[35px] shrink-0 items-center justify-center gap-1 rounded-medium border border-grayscale-30 bg-grayscale-0 px-[10px] text-sm text-grayscale-90 transition-colors duration-200 ease-out hover:bg-grayscale-5 focus:outline focus:outline-2 focus:outline-offset-[-2px] focus:outline-[var(--s-focus-ring-color,#0090ff)] disabled:cursor-not-allowed disabled:border-grayscale-20 disabled:bg-grayscale-5 disabled:text-grayscale-30';\n\n    @let className =\n        addonButtonClass + ' ' + (direction === 'left' ? 'rounded-r-[0px] border-r-0' : 'rounded-l-[0px] border-l-0');\n    <button\n        type=\"button\"\n        [class]=\"className\"\n        [disabled]=\"isAddonDisabled(addon)\"\n        (click)=\"addon.callback?.()\"\n    >\n        @if (addon.icon) {\n            <i [class]=\"addon.icon\"></i>\n        }\n        @if (addon.label) {\n            <span>{{ addon.label }} </span>\n        }\n    </button>\n</ng-template>\n\n<div\n    [class]=\"inputCornerClass\"\n    class=\"relative flex w-full items-stretch rounded-medium has-[input:focus]:outline has-[input:focus]:outline-2 has-[input:focus]:outline-offset-[-2px] has-[input:focus]:outline-[var(--s-focus-ring-color,#0090ff)] [&:has(input:focus)_input]:!border-grayscale-30 [&:has(input:focus)_input]:shadow-none [&:has(input:focus)_input]:outline-none [&:has(button:focus)_input]:!border-grayscale-30 [&:has(input.ng-invalid.ng-dirty):not(:focus-within)_button]:border-criticality-red\"\n>\n    @if (leftAddon()) {\n        <ng-container\n            *ngTemplateOutlet=\"addonRender; context: { $implicit: leftAddon(), direction: 'left' }\"\n        ></ng-container>\n    }\n\n    <ng-content select=\"input[sInputText]\"></ng-content>\n\n    @if (rightAddon()) {\n        <ng-container\n            *ngTemplateOutlet=\"addonRender; context: { $implicit: rightAddon(), direction: 'right' }\"\n        ></ng-container>\n    }\n</div>\n\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2lucHV0LWdyb3VwL3NyYy9saWIvaW5wdXQtZ3JvdXAvaW5wdXQtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2lucHV0LWdyb3VwL3NyYy9saWIvaW5wdXQtZ3JvdXAvaW5wdXQtZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRW5EOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQVVILE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsc0VBQXNFO0lBQ3RFLFNBQVMsR0FBRyxLQUFLLEVBQW1CLENBQUM7SUFFckMscUVBQXFFO0lBQ3JFLFVBQVUsR0FBRyxLQUFLLEVBQW1CLENBQUM7SUFFNUIsZUFBZSxDQUFDLEtBQXNCO1FBQzVDLE9BQU8sT0FBTyxLQUFLLENBQUMsUUFBUSxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQztJQUN0RixDQUFDO3dHQVRRLG1CQUFtQjs0RkFBbkIsbUJBQW1CLDBZQzlCaEMscW5FQStDQSw0Q0RuQmMsZ0JBQWdCOzs0RkFFakIsbUJBQW1CO2tCQVQvQixTQUFTOytCQUNJLGVBQWUsY0FDYixJQUFJLFFBRVY7d0JBQ0YsS0FBSyxFQUFFLGNBQWM7cUJBQ3hCLFdBQ1EsQ0FBQyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSW5wdXRHcm91cEFkZG9uIH0gZnJvbSAnLi90eXBlcy9pbnB1dC1ncm91cC1hZGRvbic7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb24gQ29tcG9uZW50ZSBkZSBsYXlvdXQgcXVlIGVudm9sdmUgdW0gYDxpbnB1dCBzSW5wdXRUZXh0PmAgKHByb2pldGFkbyB2aWFcbiAqIGBuZy1jb250ZW50YCkgZSBhZGljaW9uYSBib3TDtWVzIGludGVybm9zIMOgIGVzcXVlcmRhIGUvb3Ugw6AgZGlyZWl0YSBkbyBjYW1wby5cbiAqXG4gKiBPIGA8aW5wdXQ+YCBwcm9qZXRhZG8gY29udGludWEgdG90YWxtZW50ZSBzb2IgY29udHJvbGUgZG8gY29uc3VtaWRvciDigJQgY29tYmluZVxuICogbGl2cmVtZW50ZSBjb20gYFtmb3JtQ29udHJvbF1gL2BbKG5nTW9kZWwpXWAsIGBzSW5wdXRNYXNrYCwgYHBLZXlGaWx0ZXJgLCBgc1Rvb2x0aXBgLCBldGMuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYGh0bWxcbiAqIDxzLWlucHV0LWdyb3VwIFtsZWZ0QWRkb25dPVwieyBpY29uOiAncGkgcGktc2VhcmNoJywgY2FsbGJhY2s6IGJ1c2NhciB9XCI+XG4gKiAgICAgPGlucHV0IHNJbnB1dFRleHQgW2Zvcm1Db250cm9sXT1cIm5vbWVcIiBwbGFjZWhvbGRlcj1cIkJ1c2Nhci4uLlwiIC8+XG4gKiA8L3MtaW5wdXQtZ3JvdXA+XG4gKiBgYGBcbiAqXG4gKiBAY2F0ZWdvcnkgU3RydWN0dXJlXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncy1pbnB1dC1ncm91cCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdibG9jayB3LWZ1bGwnLFxuICAgIH0sXG4gICAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dEdyb3VwQ29tcG9uZW50IHtcbiAgICAvKiogQGRlc2NyaXB0aW9uIENvbmZpZ3VyYcOnw6NvIGRvIGJvdMOjbyBleGliaWRvIMOgIGVzcXVlcmRhIGRvIGlucHV0LiAqL1xuICAgIGxlZnRBZGRvbiA9IGlucHV0PElucHV0R3JvdXBBZGRvbj4oKTtcblxuICAgIC8qKiBAZGVzY3JpcHRpb24gQ29uZmlndXJhw6fDo28gZG8gYm90w6NvIGV4aWJpZG8gw6AgZGlyZWl0YSBkbyBpbnB1dC4gKi9cbiAgICByaWdodEFkZG9uID0gaW5wdXQ8SW5wdXRHcm91cEFkZG9uPigpO1xuXG4gICAgcHJvdGVjdGVkIGlzQWRkb25EaXNhYmxlZChhZGRvbjogSW5wdXRHcm91cEFkZG9uKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0eXBlb2YgYWRkb24uZGlzYWJsZWQgPT09ICdmdW5jdGlvbicgPyBhZGRvbi5kaXNhYmxlZCgpIDogISFhZGRvbi5kaXNhYmxlZDtcbiAgICB9XG59XG5cbiIsIkBsZXQgaW5wdXRDb3JuZXJDbGFzcyA9XG4gICAgKGxlZnRBZGRvbigpID8gJ1smX2lucHV0XTpyb3VuZGVkLWwtWzBweF0gJyA6ICcnKSArIChyaWdodEFkZG9uKCkgPyAnWyZfaW5wdXRdOnJvdW5kZWQtci1bMHB4XScgOiAnJyk7XG5cbjxuZy10ZW1wbGF0ZVxuICAgICNhZGRvblJlbmRlclxuICAgIGxldC1hZGRvblxuICAgIGxldC1kaXJlY3Rpb249XCJkaXJlY3Rpb25cIlxuPlxuICAgIEBsZXQgYWRkb25CdXR0b25DbGFzcyA9XG4gICAgICAgICdmbGV4IGgtWzM1cHhdIHNocmluay0wIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBnYXAtMSByb3VuZGVkLW1lZGl1bSBib3JkZXIgYm9yZGVyLWdyYXlzY2FsZS0zMCBiZy1ncmF5c2NhbGUtMCBweC1bMTBweF0gdGV4dC1zbSB0ZXh0LWdyYXlzY2FsZS05MCB0cmFuc2l0aW9uLWNvbG9ycyBkdXJhdGlvbi0yMDAgZWFzZS1vdXQgaG92ZXI6YmctZ3JheXNjYWxlLTUgZm9jdXM6b3V0bGluZSBmb2N1czpvdXRsaW5lLTIgZm9jdXM6b3V0bGluZS1vZmZzZXQtWy0ycHhdIGZvY3VzOm91dGxpbmUtW3ZhcigtLXMtZm9jdXMtcmluZy1jb2xvciwjMDA5MGZmKV0gZGlzYWJsZWQ6Y3Vyc29yLW5vdC1hbGxvd2VkIGRpc2FibGVkOmJvcmRlci1ncmF5c2NhbGUtMjAgZGlzYWJsZWQ6YmctZ3JheXNjYWxlLTUgZGlzYWJsZWQ6dGV4dC1ncmF5c2NhbGUtMzAnO1xuXG4gICAgQGxldCBjbGFzc05hbWUgPVxuICAgICAgICBhZGRvbkJ1dHRvbkNsYXNzICsgJyAnICsgKGRpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJ3JvdW5kZWQtci1bMHB4XSBib3JkZXItci0wJyA6ICdyb3VuZGVkLWwtWzBweF0gYm9yZGVyLWwtMCcpO1xuICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIFtjbGFzc109XCJjbGFzc05hbWVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNBZGRvbkRpc2FibGVkKGFkZG9uKVwiXG4gICAgICAgIChjbGljayk9XCJhZGRvbi5jYWxsYmFjaz8uKClcIlxuICAgID5cbiAgICAgICAgQGlmIChhZGRvbi5pY29uKSB7XG4gICAgICAgICAgICA8aSBbY2xhc3NdPVwiYWRkb24uaWNvblwiPjwvaT5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGFkZG9uLmxhYmVsKSB7XG4gICAgICAgICAgICA8c3Bhbj57eyBhZGRvbi5sYWJlbCB9fSA8L3NwYW4+XG4gICAgICAgIH1cbiAgICA8L2J1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxkaXZcbiAgICBbY2xhc3NdPVwiaW5wdXRDb3JuZXJDbGFzc1wiXG4gICAgY2xhc3M9XCJyZWxhdGl2ZSBmbGV4IHctZnVsbCBpdGVtcy1zdHJldGNoIHJvdW5kZWQtbWVkaXVtIGhhcy1baW5wdXQ6Zm9jdXNdOm91dGxpbmUgaGFzLVtpbnB1dDpmb2N1c106b3V0bGluZS0yIGhhcy1baW5wdXQ6Zm9jdXNdOm91dGxpbmUtb2Zmc2V0LVstMnB4XSBoYXMtW2lucHV0OmZvY3VzXTpvdXRsaW5lLVt2YXIoLS1zLWZvY3VzLXJpbmctY29sb3IsIzAwOTBmZildIFsmOmhhcyhpbnB1dDpmb2N1cylfaW5wdXRdOiFib3JkZXItZ3JheXNjYWxlLTMwIFsmOmhhcyhpbnB1dDpmb2N1cylfaW5wdXRdOnNoYWRvdy1ub25lIFsmOmhhcyhpbnB1dDpmb2N1cylfaW5wdXRdOm91dGxpbmUtbm9uZSBbJjpoYXMoYnV0dG9uOmZvY3VzKV9pbnB1dF06IWJvcmRlci1ncmF5c2NhbGUtMzAgWyY6aGFzKGlucHV0Lm5nLWludmFsaWQubmctZGlydHkpOm5vdCg6Zm9jdXMtd2l0aGluKV9idXR0b25dOmJvcmRlci1jcml0aWNhbGl0eS1yZWRcIlxuPlxuICAgIEBpZiAobGVmdEFkZG9uKCkpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhZGRvblJlbmRlcjsgY29udGV4dDogeyAkaW1wbGljaXQ6IGxlZnRBZGRvbigpLCBkaXJlY3Rpb246ICdsZWZ0JyB9XCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgIH1cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlucHV0W3NJbnB1dFRleHRdXCI+PC9uZy1jb250ZW50PlxuXG4gICAgQGlmIChyaWdodEFkZG9uKCkpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhZGRvblJlbmRlcjsgY29udGV4dDogeyAkaW1wbGljaXQ6IHJpZ2h0QWRkb24oKSwgZGlyZWN0aW9uOiAncmlnaHQnIH1cIlxuICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgfVxuPC9kaXY+XG5cbiJdfQ==

package/esm2022/input-group/lib/input-group/input-group.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { InputGroupComponent } from './input-group.component';
+import * as i0 from "@angular/core";
+export class InputGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InputGroupModule, imports: [InputGroupComponent], exports: [InputGroupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputGroupModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [InputGroupComponent],
+                    exports: [InputGroupComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2lucHV0LWdyb3VwL3NyYy9saWIvaW5wdXQtZ3JvdXAvaW5wdXQtZ3JvdXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBTTlELE1BQU0sT0FBTyxnQkFBZ0I7d0dBQWhCLGdCQUFnQjt5R0FBaEIsZ0JBQWdCLFlBSGYsbUJBQW1CLGFBQ25CLG1CQUFtQjt5R0FFcEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUo1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDakMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJbnB1dEdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1ncm91cC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtJbnB1dEdyb3VwQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbSW5wdXRHcm91cENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIElucHV0R3JvdXBNb2R1bGUge31cbiJdfQ==

package/esm2022/input-group/lib/input-group/types/input-group-addon.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAtYWRkb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvaW5wdXQtZ3JvdXAvc3JjL2xpYi9pbnB1dC1ncm91cC90eXBlcy9pbnB1dC1ncm91cC1hZGRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBJbnB1dEdyb3VwQWRkb24ge1xuICAgIC8qKiBAZGVzY3JpcHRpb24gVGV4dG8gZXhpYmlkbyBubyBib3TDo28uICovXG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgLyoqIEBkZXNjcmlwdGlvbiBDbGFzc2UgZG8gw61jb25lIGV4aWJpZG8gbm8gYm90w6NvIChleC46IGAncGkgcGktc2VhcmNoJ2ApLiAqL1xuICAgIGljb24/OiBzdHJpbmc7XG4gICAgLyoqIEBkZXNjcmlwdGlvbiBGdW7Dp8OjbyBleGVjdXRhZGEgYW8gY2xpY2FyIG5vIGJvdMOjby4gKi9cbiAgICBjYWxsYmFjaz86IFZvaWRGdW5jdGlvbjtcbiAgICAvKiogQGRlc2NyaXB0aW9uIERlc2FiaWxpdGEgbyBib3TDo28uIEFjZWl0YSB1bSB2YWxvciBmaXhvIG91IHVtYSBmdW7Dp8OjbyBhdmFsaWFkYSBhIGNhZGEgdmVyaWZpY2HDp8OjbyAoZXguOiBwYXJhIHJlZmxldGlyIG8gZXN0YWRvIGRvIGZvcm0pLiAqL1xuICAgIGRpc2FibGVkPzogKCgpID0+IGJvb2xlYW4pIHwgYm9vbGVhbjtcbn1cbiJdfQ==

package/esm2022/input-group/public-api.mjs

@@ -0,0 +1,3 @@
+export { InputGroupModule } from './lib/input-group/input-group.module';
+export { InputGroupComponent } from './lib/input-group/input-group.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9pbnB1dC1ncm91cC9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElucHV0R3JvdXBNb2R1bGUgfSBmcm9tICcuL2xpYi9pbnB1dC1ncm91cC9pbnB1dC1ncm91cC5tb2R1bGUnO1xuZXhwb3J0IHsgSW5wdXRHcm91cENvbXBvbmVudCB9IGZyb20gJy4vbGliL2lucHV0LWdyb3VwL2lucHV0LWdyb3VwLmNvbXBvbmVudCc7XG5leHBvcnQgdHlwZSB7IElucHV0R3JvdXBBZGRvbiB9IGZyb20gJy4vbGliL2lucHV0LWdyb3VwL3R5cGVzL2lucHV0LWdyb3VwLWFkZG9uJztcbiJdfQ==

package/esm2022/input-group/seniorsistemas-angular-components-input-group.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VuaW9yc2lzdGVtYXMtYW5ndWxhci1jb21wb25lbnRzLWlucHV0LWdyb3VwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2lucHV0LWdyb3VwL3NyYy9zZW5pb3JzaXN0ZW1hcy1hbmd1bGFyLWNvbXBvbmVudHMtaW5wdXQtZ3JvdXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/kanban/lib/kanban/components/kanban-column/kanban-column.component.mjs

@@ -77,7 +77,7 @@ export class KanbanColumnComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KanbanColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KanbanColumnComponent, isStandalone: true, selector: "s-kanban-column", inputs: { data: "data", showCheckbox: "showCheckbox", headerTemplate: "headerTemplate" }, ngImport: i0, template: "<div class=\"kanban-column\">\n    <div class=\"kanban-column__header\">\n        <div class=\"content\">\n            <form>\n                @if (showCheckbox) {\n                    <input\n                        type=\"checkbox\"\n                        name=\"checkbox\"\n                        [formControl]=\"selectionControl\"\n                    />\n                }\n            </form>\n\n            @if (!headerTemplate) {\n                <div class=\"header\">\n                    <span class=\"title\">{{ data.title }} ({{ data.items.length }})</span>\n                </div>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: data }\"></ng-container>\n            }\n        </div>\n        @if (data.options) {\n            <s-button\n                priority=\"default\"\n                [disabled]=\"false\"\n                [auxiliary]=\"true\"\n                size=\"small\"\n                [menuOptions]=\"tieredMenuOptions\"\n            >\n            </s-button>\n        }\n    </div>\n    <div class=\"kanban-column__body\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".kanban-column{align-items:center;background-color:#fbfafc;border:1px solid #dedce5;display:flex;flex-direction:column;height:100%;min-height:120px;-webkit-user-select:none;user-select:none;width:100%}.kanban-column .kanban-column__header{align-items:center;border-bottom:1px solid #dedce5;display:flex;justify-content:space-between;padding:16px 16px 8px;width:100%}.kanban-column .kanban-column__header .content{display:flex;gap:16px}.kanban-column .kanban-column__header .content .teste{display:flex;flex-direction:column;font-family:\"Open Sans\" sans-serif}.kanban-column .kanban-column__header .content .teste .title{font-size:14px;font-weight:800}.kanban-column .kanban-column__header .content .teste .description{font-size:12px}.kanban-column .kanban-column__body{display:flex;height:100%;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: KanbanColumnComponent, isStandalone: true, selector: "s-kanban-column", inputs: { data: "data", showCheckbox: "showCheckbox", headerTemplate: "headerTemplate" }, ngImport: i0, template: "<div class=\"kanban-column\">\n    <div class=\"kanban-column__header\">\n        <div class=\"content\">\n            <form>\n                @if (showCheckbox) {\n                    <input\n                        type=\"checkbox\"\n                        name=\"checkbox\"\n                        [formControl]=\"selectionControl\"\n                    />\n                }\n            </form>\n\n            @if (!headerTemplate) {\n                <div class=\"header\">\n                    <span class=\"title\">{{ data.title }} ({{ data.items.length }})</span>\n                </div>\n            } @else {\n                <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: data }\"></ng-container>\n            }\n        </div>\n        @if (data.options) {\n            <s-button\n                priority=\"default\"\n                [disabled]=\"false\"\n                [auxiliary]=\"true\"\n                size=\"small\"\n                [menuOptions]=\"tieredMenuOptions\"\n            >\n            </s-button>\n        }\n    </div>\n    <div class=\"kanban-column__body\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".kanban-column{align-items:center;background-color:#fbfafc;border:1px solid #dedce5;display:flex;flex-direction:column;height:100%;min-height:120px;-webkit-user-select:none;user-select:none;width:100%}.kanban-column .kanban-column__header{align-items:center;border-bottom:1px solid #dedce5;display:flex;justify-content:space-between;padding:16px 16px 8px;width:100%}.kanban-column .kanban-column__header .content{display:flex;gap:16px}.kanban-column .kanban-column__header .content .teste{display:flex;flex-direction:column;font-family:\"Open Sans\" sans-serif}.kanban-column .kanban-column__header .content .teste .title{font-size:14px;font-weight:800}.kanban-column .kanban-column__header .content .teste .description{font-size:12px}.kanban-column .kanban-column__body{display:flex;height:100%;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked", "tieredMenuOpened", "tieredMenuClosed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KanbanColumnComponent, decorators: [{
             type: Component,

package/esm2022/object-card/lib/object-card/elements/field/object-card-field.component.mjs

@@ -20,7 +20,7 @@ export class ObjectCardFieldComponent {
     badge = input('');
     badgeColor = input('blue');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardFieldComponent, isStandalone: true, selector: "s-object-card-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, imageSource: { classPropertyName: "imageSource", publicName: "imageSource", isSignal: false, isRequired: false, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: false, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: false, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: false, isRequired: false, transformFunction: null }, buttonModel: { classPropertyName: "buttonModel", publicName: "buttonModel", isSignal: false, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, queries: [{ propertyName: "thumbnailComponent", first: true, predicate: ThumbnailComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n    <div class=\"container\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        @if (!thumbnailComponent && (imageSource || iconClass)) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || label\"\n                [iconClass]=\"iconClass ?? ''\"\n                size=\"small\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"info-container\">\n            <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n\n            @if (!labelTemplate.children.length) {\n                <span\n                    [id]=\"id + '-label'\"\n                    class=\"label\"\n                    [sTooltip]=\"label\"\n                    >{{ label }}</span\n                >\n            }\n\n            <div #descriptionTemplate>\n                @if (!badge()) {\n                    <ng-content select=\"[descriptionTemplate]\"></ng-content>\n                }\n            </div>\n            @if (!descriptionTemplate.children.length) {\n                <span\n                    [id]=\"id + '-description'\"\n                    class=\"description\"\n                    [sTooltip]=\"description\"\n                    >{{ description }}</span\n                >\n            }\n\n            @if (badge()) {\n                <s-badge\n                    [text]=\"badge()\"\n                    [color]=\"badgeColor()\"\n                    [enableTruncateText]=\"true\"\n                >\n                </s-badge>\n            }\n            @if (buttonLabel) {\n                <s-button\n                    [id]=\"id + '-button'\"\n                    styleClass=\"object-card-button\"\n                    priority=\"link\"\n                    [label]=\"buttonLabel\"\n                    [menuOptions]=\"buttonModel\"\n                    size=\"small\"\n                    (clicked)=\"buttonClick.emit($event)\"\n                ></s-button>\n            }\n        </div>\n    </div>\n</ng-template>\n\n", styles: [".container{align-items:center;display:flex;height:100%}.info-container{margin-left:10px}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{color:#999;display:block}.info-container .description{display:block}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.info-container{flex:1}}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}.info-container:only-child{margin-left:0}\n"], dependencies: [{ kind: "component", type: ThumbnailComponent_1, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardFieldComponent, isStandalone: true, selector: "s-object-card-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, imageSource: { classPropertyName: "imageSource", publicName: "imageSource", isSignal: false, isRequired: false, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: false, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: false, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: false, isRequired: false, transformFunction: null }, buttonModel: { classPropertyName: "buttonModel", publicName: "buttonModel", isSignal: false, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, queries: [{ propertyName: "thumbnailComponent", first: true, predicate: ThumbnailComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n    <div class=\"container\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        @if (!thumbnailComponent && (imageSource || iconClass)) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || label\"\n                [iconClass]=\"iconClass ?? ''\"\n                size=\"small\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"info-container\">\n            <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n\n            @if (!labelTemplate.children.length) {\n                <span\n                    [id]=\"id + '-label'\"\n                    class=\"label\"\n                    [sTooltip]=\"label\"\n                    >{{ label }}</span\n                >\n            }\n\n            <div #descriptionTemplate>\n                @if (!badge()) {\n                    <ng-content select=\"[descriptionTemplate]\"></ng-content>\n                }\n            </div>\n            @if (!descriptionTemplate.children.length) {\n                <span\n                    [id]=\"id + '-description'\"\n                    class=\"description\"\n                    [sTooltip]=\"description\"\n                    >{{ description }}</span\n                >\n            }\n\n            @if (badge()) {\n                <s-badge\n                    [text]=\"badge()\"\n                    [color]=\"badgeColor()\"\n                    [enableTruncateText]=\"true\"\n                >\n                </s-badge>\n            }\n            @if (buttonLabel) {\n                <s-button\n                    [id]=\"id + '-button'\"\n                    styleClass=\"object-card-button\"\n                    priority=\"link\"\n                    [label]=\"buttonLabel\"\n                    [menuOptions]=\"buttonModel\"\n                    size=\"small\"\n                    (clicked)=\"buttonClick.emit($event)\"\n                ></s-button>\n            }\n        </div>\n    </div>\n</ng-template>\n\n", styles: [".container{align-items:center;display:flex;height:100%}.info-container{margin-left:10px}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{color:#999;display:block}.info-container .description{display:block}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.info-container{flex:1}}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}.info-container:only-child{margin-left:0}\n"], dependencies: [{ kind: "component", type: ThumbnailComponent_1, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked", "tieredMenuOpened", "tieredMenuClosed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardFieldComponent, decorators: [{
             type: Component,

package/esm2022/object-card/lib/object-card/elements/main/object-card-main.component.mjs

@@ -44,7 +44,7 @@ export class ObjectCardMainComponent {
         this.thumbnailSize = window.innerWidth <= Breakpoints.SM_MAX ? 'small' : 'medium';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardMainComponent, isStandalone: true, selector: "s-object-card-main", inputs: { id: "id", imageSource: "imageSource", imageFallback: "imageFallback", imageAlt: "imageAlt", iconClass: "iconClass", hasThumbnail: "hasThumbnail", hasDescription: "hasDescription", isBrand: "isBrand", label: "label", description: "description", buttonLabel: "buttonLabel", buttonModel: "buttonModel" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "thumbnailComponent", first: true, predicate: ThumbnailComponent, descendants: true, static: true }], ngImport: i0, template: "@if (hasThumbnail) {\r\n    <ng-content select=\"s-thumbnail\"></ng-content>\r\n    @if (!thumbnailComponent) {\r\n        <s-thumbnail\r\n            [id]=\"id + '-thumbnail'\"\r\n            [imageSource]=\"imageSource\"\r\n            [imageFallback]=\"imageFallback\"\r\n            [imageAlt]=\"imageAlt || label\"\r\n            [iconClass]=\"iconClass\"\r\n            [size]=\"thumbnailSize\"\r\n            [isBrand]=\"isBrand\"\r\n        ></s-thumbnail>\r\n    }\r\n}\r\n\r\n@if (hasDescription) {\r\n    <div class=\"info-container\">\r\n        <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\r\n        @if (!labelTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-label'\"\r\n                class=\"label\"\r\n                [sTooltip]=\"label\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ label }}</span\r\n            >\r\n        }\r\n        <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\r\n        @if (!descriptionTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-description'\"\r\n                class=\"description\"\r\n                [sTooltip]=\"description\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ description }}</span\r\n            >\r\n        }\r\n        @if (buttonLabel) {\r\n            <s-button\r\n                [id]=\"id + '-button'\"\r\n                styleClass=\"object-card-button\"\r\n                priority=\"link\"\r\n                [label]=\"buttonLabel\"\r\n                [menuOptions]=\"buttonModel\"\r\n                size=\"small\"\r\n                (clicked)=\"buttonClick.emit($event)\"\r\n            ></s-button>\r\n        }\r\n    </div>\r\n}\r\n", styles: [":host{align-items:center;display:flex;min-height:70px}.info-container{margin-left:10px;flex:1}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{display:block;font-weight:700}.info-container .description{color:#999;display:block}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}\n"], dependencies: [{ kind: "component", type: ThumbnailComponent_1, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardMainComponent, isStandalone: true, selector: "s-object-card-main", inputs: { id: "id", imageSource: "imageSource", imageFallback: "imageFallback", imageAlt: "imageAlt", iconClass: "iconClass", hasThumbnail: "hasThumbnail", hasDescription: "hasDescription", isBrand: "isBrand", label: "label", description: "description", buttonLabel: "buttonLabel", buttonModel: "buttonModel" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "thumbnailComponent", first: true, predicate: ThumbnailComponent, descendants: true, static: true }], ngImport: i0, template: "@if (hasThumbnail) {\r\n    <ng-content select=\"s-thumbnail\"></ng-content>\r\n    @if (!thumbnailComponent) {\r\n        <s-thumbnail\r\n            [id]=\"id + '-thumbnail'\"\r\n            [imageSource]=\"imageSource\"\r\n            [imageFallback]=\"imageFallback\"\r\n            [imageAlt]=\"imageAlt || label\"\r\n            [iconClass]=\"iconClass\"\r\n            [size]=\"thumbnailSize\"\r\n            [isBrand]=\"isBrand\"\r\n        ></s-thumbnail>\r\n    }\r\n}\r\n\r\n@if (hasDescription) {\r\n    <div class=\"info-container\">\r\n        <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\r\n        @if (!labelTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-label'\"\r\n                class=\"label\"\r\n                [sTooltip]=\"label\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ label }}</span\r\n            >\r\n        }\r\n        <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\r\n        @if (!descriptionTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-description'\"\r\n                class=\"description\"\r\n                [sTooltip]=\"description\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ description }}</span\r\n            >\r\n        }\r\n        @if (buttonLabel) {\r\n            <s-button\r\n                [id]=\"id + '-button'\"\r\n                styleClass=\"object-card-button\"\r\n                priority=\"link\"\r\n                [label]=\"buttonLabel\"\r\n                [menuOptions]=\"buttonModel\"\r\n                size=\"small\"\r\n                (clicked)=\"buttonClick.emit($event)\"\r\n            ></s-button>\r\n        }\r\n    </div>\r\n}\r\n", styles: [":host{align-items:center;display:flex;min-height:70px}.info-container{margin-left:10px;flex:1}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{display:block;font-weight:700}.info-container .description{color:#999;display:block}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}\n"], dependencies: [{ kind: "component", type: ThumbnailComponent_1, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked", "tieredMenuOpened", "tieredMenuClosed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardMainComponent, decorators: [{
             type: Component,