@po-ui/ng-components 5.22.1 → 6.1.0

package/esm2020/lib/components/po-button/po-button-base.component.mjs

@@ -0,0 +1,144 @@
+import { __decorate } from "tslib";
+import { EventEmitter, Input, Output, Directive } from '@angular/core';
+import { convertToBoolean } from '../../utils/util';
+import { InputBoolean } from '../../decorators';
+import * as i0 from "@angular/core";
+const PO_BUTTON_TYPES = ['default', 'primary', 'danger', 'link'];
+const PO_BUTTON_TYPE_DEFAULT = 'default';
+/**
+ * @description
+ *
+ * O `po-button` permite que o usuário execute ações predefinidas pelo desenvolvedor.
+ *
+ * Através dos tipos, é possível identificar a importância de cada ação, sendo ela primária (`primary`) ou até mesmo uma
+ * ação irreversível (`danger`), como a exclusão de um registro.
+ *
+ * #### Boas práticas
+ *
+ * - Evite `labels` extensos que quebram o layout do `po-button`, use `labels` diretos, curtos e intuitivos.
+ * - Utilize apenas um `po-button` configurado como `primary` por página.
+ * - Para ações irreversíveis use sempre o tipo `danger`.
+ */
+export class PoButtonBaseComponent {
+    constructor() {
+        /**
+         * @optional
+         *
+         * @description
+         *
+         * Aplica foco no elemento ao ser iniciado.
+         * > Caso mais de um elemento seja configurado com essa propriedade,
+         * o último elemento declarado com ela terá o foco.
+         *
+         * @default `false`
+         */
+        this.autoFocus = false;
+        /** Ação que será executada quando o usuário clicar sobre o `po-button`. */
+        this.click = new EventEmitter();
+        this._disabled = false;
+        this._loading = false;
+        this._small = false;
+        this._type = 'default';
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Exibe um ícone de carregamento à esquerda do _label_ do botão.
+     *
+     * > Quando esta propriedade estiver habilitada, desabilitará o botão.
+     *
+     * @default `false`
+     */
+    set loading(value) {
+        this._loading = convertToBoolean(value);
+    }
+    get loading() {
+        return this._loading;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Deixa o botão menor.
+     *
+     * @default `false`
+     */
+    set small(value) {
+        this._small = value === '' ? true : convertToBoolean(value);
+    }
+    get small() {
+        return this._small;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o estilo do `po-button`.
+     *
+     * Valore válidos:
+     *  - `default`: estilo padrão do `po-button`.
+     *  - `primary`: deixa o `po-button` com destaque, deve ser usado para ações primárias.
+     *  - `danger`: deve ser usado para ações que o usuário precisa ter cuidado ao executa-lá.
+     *  - `link`: o `po-button` recebe o estilo de um link.
+     *
+     * @default `default`
+     */
+    set type(value) {
+        this._type = PO_BUTTON_TYPES.includes(value) ? value : PO_BUTTON_TYPE_DEFAULT;
+    }
+    get type() {
+        return this._type;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Desabilita o `po-button` e não permite que o usuário interaja com o mesmo.
+     *
+     * @default `false`
+     */
+    set disabled(value) {
+        this._disabled = value === '' ? true : convertToBoolean(value);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+}
+PoButtonBaseComponent.ɵfac = function PoButtonBaseComponent_Factory(t) { return new (t || PoButtonBaseComponent)(); };
+PoButtonBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoButtonBaseComponent, inputs: { autoFocus: ["p-auto-focus", "autoFocus"], label: ["p-label", "label"], icon: ["p-icon", "icon"], loading: ["p-loading", "loading"], small: ["p-small", "small"], type: ["p-type", "type"], disabled: ["p-disabled", "disabled"] }, outputs: { click: "p-click" } });
+__decorate([
+    InputBoolean()
+], PoButtonBaseComponent.prototype, "autoFocus", void 0);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonBaseComponent, [{
+        type: Directive
+    }], null, { autoFocus: [{
+            type: Input,
+            args: ['p-auto-focus']
+        }], label: [{
+            type: Input,
+            args: ['p-label']
+        }], icon: [{
+            type: Input,
+            args: ['p-icon']
+        }], click: [{
+            type: Output,
+            args: ['p-click']
+        }], loading: [{
+            type: Input,
+            args: ['p-loading']
+        }], small: [{
+            type: Input,
+            args: ['p-small']
+        }], type: [{
+            type: Input,
+            args: ['p-type']
+        }], disabled: [{
+            type: Input,
+            args: ['p-disabled']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG8tYnV0dG9uLWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9jb21wb25lbnRzL3BvLWJ1dHRvbi9wby1idXR0b24tYmFzZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQUVoRCxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0FBQ2pFLE1BQU0sc0JBQXNCLEdBQUcsU0FBUyxDQUFDO0FBRXpDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFFSCxNQUFNLE9BQU8scUJBQXFCO0lBRGxDO1FBRUU7Ozs7Ozs7Ozs7V0FVRztRQUNvQyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBcUNsRSwyRUFBMkU7UUFDeEQsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFNUMsY0FBUyxHQUFhLEtBQUssQ0FBQztRQUM1QixhQUFRLEdBQWEsS0FBSyxDQUFDO1FBQzNCLFdBQU0sR0FBYSxLQUFLLENBQUM7UUFDekIsVUFBSyxHQUFZLFNBQVMsQ0FBQztLQTBFcEM7SUF4RUM7Ozs7Ozs7Ozs7T0FVRztJQUNILElBQXdCLE9BQU8sQ0FBQyxLQUFjO1FBQzVDLElBQUksQ0FBQyxRQUFRLEdBQUcsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQ7Ozs7Ozs7O09BUUc7SUFDSCxJQUFzQixLQUFLLENBQUMsS0FBYztRQUN4QyxJQUFJLENBQUMsTUFBTSxHQUFRLEtBQUssS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUNELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQ7Ozs7Ozs7Ozs7Ozs7O09BY0c7SUFDSCxJQUFxQixJQUFJLENBQUMsS0FBYTtRQUNyQyxJQUFJLENBQUMsS0FBSyxHQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsc0JBQXNCLENBQUM7SUFDaEYsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQ7Ozs7Ozs7O09BUUc7SUFDSCxJQUF5QixRQUFRLENBQUMsS0FBYztRQUM5QyxJQUFJLENBQUMsU0FBUyxHQUFRLEtBQUssS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUNELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDOzswRkFoSVUscUJBQXFCO3dFQUFyQixxQkFBcUI7QUFZTztJQUFmLFlBQVksRUFBRTt3REFBNEI7dUZBWnZELHFCQUFxQjtjQURqQyxTQUFTO2dCQWErQixTQUFTO2tCQUEvQyxLQUFLO21CQUFDLGNBQWM7WUFTSCxLQUFLO2tCQUF0QixLQUFLO21CQUFDLFNBQVM7WUEwQkMsSUFBSTtrQkFBcEIsS0FBSzttQkFBQyxRQUFRO1lBR0ksS0FBSztrQkFBdkIsTUFBTTttQkFBQyxTQUFTO1lBa0JPLE9BQU87a0JBQTlCLEtBQUs7bUJBQUMsV0FBVztZQWlCSSxLQUFLO2tCQUExQixLQUFLO21CQUFDLFNBQVM7WUFzQkssSUFBSTtrQkFBeEIsS0FBSzttQkFBQyxRQUFRO1lBZ0JVLFFBQVE7a0JBQWhDLEtBQUs7bUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgRGlyZWN0aXZlLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBjb252ZXJ0VG9Cb29sZWFuIH0gZnJvbSAnLi4vLi4vdXRpbHMvdXRpbCc7XG5pbXBvcnQgeyBJbnB1dEJvb2xlYW4gfSBmcm9tICcuLi8uLi9kZWNvcmF0b3JzJztcblxuY29uc3QgUE9fQlVUVE9OX1RZUEVTID0gWydkZWZhdWx0JywgJ3ByaW1hcnknLCAnZGFuZ2VyJywgJ2xpbmsnXTtcbmNvbnN0IFBPX0JVVFRPTl9UWVBFX0RFRkFVTFQgPSAnZGVmYXVsdCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKlxuICogTyBgcG8tYnV0dG9uYCBwZXJtaXRlIHF1ZSBvIHVzdcOhcmlvIGV4ZWN1dGUgYcOnw7VlcyBwcmVkZWZpbmlkYXMgcGVsbyBkZXNlbnZvbHZlZG9yLlxuICpcbiAqIEF0cmF2w6lzIGRvcyB0aXBvcywgw6kgcG9zc8OtdmVsIGlkZW50aWZpY2FyIGEgaW1wb3J0w6JuY2lhIGRlIGNhZGEgYcOnw6NvLCBzZW5kbyBlbGEgcHJpbcOhcmlhIChgcHJpbWFyeWApIG91IGF0w6kgbWVzbW8gdW1hXG4gKiBhw6fDo28gaXJyZXZlcnPDrXZlbCAoYGRhbmdlcmApLCBjb21vIGEgZXhjbHVzw6NvIGRlIHVtIHJlZ2lzdHJvLlxuICpcbiAqICMjIyMgQm9hcyBwcsOhdGljYXNcbiAqXG4gKiAtIEV2aXRlIGBsYWJlbHNgIGV4dGVuc29zIHF1ZSBxdWVicmFtIG8gbGF5b3V0IGRvIGBwby1idXR0b25gLCB1c2UgYGxhYmVsc2AgZGlyZXRvcywgY3VydG9zIGUgaW50dWl0aXZvcy5cbiAqIC0gVXRpbGl6ZSBhcGVuYXMgdW0gYHBvLWJ1dHRvbmAgY29uZmlndXJhZG8gY29tbyBgcHJpbWFyeWAgcG9yIHDDoWdpbmEuXG4gKiAtIFBhcmEgYcOnw7VlcyBpcnJldmVyc8OtdmVpcyB1c2Ugc2VtcHJlIG8gdGlwbyBgZGFuZ2VyYC5cbiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgY2xhc3MgUG9CdXR0b25CYXNlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEBvcHRpb25hbFxuICAgKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICpcbiAgICogQXBsaWNhIGZvY28gbm8gZWxlbWVudG8gYW8gc2VyIGluaWNpYWRvLlxuICAgKiA+IENhc28gbWFpcyBkZSB1bSBlbGVtZW50byBzZWphIGNvbmZpZ3VyYWRvIGNvbSBlc3NhIHByb3ByaWVkYWRlLFxuICAgKiBvIMO6bHRpbW8gZWxlbWVudG8gZGVjbGFyYWRvIGNvbSBlbGEgdGVyw6EgbyBmb2NvLlxuICAgKlxuICAgKiBAZGVmYXVsdCBgZmFsc2VgXG4gICAqL1xuICBASW5wdXQoJ3AtYXV0by1mb2N1cycpIEBJbnB1dEJvb2xlYW4oKSBhdXRvRm9jdXM6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQG9wdGlvbmFsXG4gICAqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKlxuICAgKiBMYWJlbCBkbyBib3TDo28uXG4gICAqL1xuICBASW5wdXQoJ3AtbGFiZWwnKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogQG9wdGlvbmFsXG4gICAqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiDDjWNvbmUgZXhpYmlkbyBhbyBsYWRvIGVzcXVlcmRvIGRvIGxhYmVsIGRvIGJvdMOjby5cbiAgICpcbiAgICogw4kgcG9zc8OtdmVsIHVzYXIgcXVhbHF1ZXIgdW0gZG9zIMOtY29uZXMgZGEgW0JpYmxpb3RlY2EgZGUgw61jb25lc10oL2d1aWRlcy9pY29ucykuIGNvbmZvcm1lIGV4ZW1wbG8gYWJhaXhvOlxuICAgKiBgYGBcbiAgICogPHBvLWJ1dHRvbiBwLWljb249XCJwby1pY29uLXVzZXJcIiBwLWxhYmVsPVwiUE8gYnV0dG9uXCI+PC9wby1idXR0b24+XG4gICAqIGBgYFxuICAgKiBUYW1iw6ltIMOpIHBvc3PDrXZlbCB1dGlsaXphciBvdXRyYXMgZm9udGVzIGRlIMOtY29uZXMsIHBvciBleGVtcGxvIGEgYmlibGlvdGVjYSAqRm9udCBBd2Vzb21lKiwgZGEgc2VndWludGUgZm9ybWE6XG4gICAqIGBgYFxuICAgKiA8cG8tYnV0dG9uIHAtaWNvbj1cImZhIGZhLXBvZGNhc3RcIiBwLWxhYmVsPVwiUE8gYnV0dG9uXCI+PC9wby1idXR0b24+XG4gICAqIGBgYFxuICAgKiBPdXRyYSBvcMOnw6NvIHNlcmlhIGEgY3VzdG9taXphw6fDo28gZG8gw61jb25lIGF0cmF2w6lzIGRvIGBUZW1wbGF0ZVJlZmAsIGNvbmZvcm1lIGV4ZW1wbG8gYWJhaXhvOlxuICAgKiBgYGBcbiAgICogPHBvLWJ1dHRvbiBbcC1pY29uXT1cInRlbXBsYXRlXCIgcC1sYWJlbD1cImJ1dHRvbiB0ZW1wbGF0ZSBpb25pY1wiPjwvcG8tYnV0dG9uPlxuICAgKlxuICAgKiA8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICAgKiAgPGlvbi1pY29uIHN0eWxlPVwiZm9udC1zaXplOiBpbmhlcml0XCIgbmFtZT1cImhlYXJ0XCI+PC9pb24taWNvbj5cbiAgICogPC9uZy10ZW1wbGF0ZT5cbiAgICogYGBgXG4gICAqID4gUGFyYSBvIMOtY29uZSBlbnF1YWRyYXIgY29ycmV0YW1lbnRlLCBkZXZlLXNlIHV0aWxpemFyIGBmb250LXNpemU6IGluaGVyaXRgIGNhc28gbyDDrWNvbmUgdXRpbGl6YWRvIG7Do28gYXBsaXF1ZS1vLlxuICAgKi9cbiAgQElucHV0KCdwLWljb24nKSBpY29uPzogc3RyaW5nIHwgVGVtcGxhdGVSZWY8dm9pZD47XG5cbiAgLyoqIEHDp8OjbyBxdWUgc2Vyw6EgZXhlY3V0YWRhIHF1YW5kbyBvIHVzdcOhcmlvIGNsaWNhciBzb2JyZSBvIGBwby1idXR0b25gLiAqL1xuICBAT3V0cHV0KCdwLWNsaWNrJykgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPG51bGw+KCk7XG5cbiAgcHJpdmF0ZSBfZGlzYWJsZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIHByaXZhdGUgX2xvYWRpbmc/OiBib29sZWFuID0gZmFsc2U7XG4gIHByaXZhdGUgX3NtYWxsPzogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF90eXBlPzogc3RyaW5nID0gJ2RlZmF1bHQnO1xuXG4gIC8qKlxuICAgKiBAb3B0aW9uYWxcbiAgICpcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqXG4gICAqIEV4aWJlIHVtIMOtY29uZSBkZSBjYXJyZWdhbWVudG8gw6AgZXNxdWVyZGEgZG8gX2xhYmVsXyBkbyBib3TDo28uXG4gICAqXG4gICAqID4gUXVhbmRvIGVzdGEgcHJvcHJpZWRhZGUgZXN0aXZlciBoYWJpbGl0YWRhLCBkZXNhYmlsaXRhcsOhIG8gYm90w6NvLlxuICAgKlxuICAgKiBAZGVmYXVsdCBgZmFsc2VgXG4gICAqL1xuICBASW5wdXQoJ3AtbG9hZGluZycpIHNldCBsb2FkaW5nKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fbG9hZGluZyA9IGNvbnZlcnRUb0Jvb2xlYW4odmFsdWUpO1xuICB9XG5cbiAgZ2V0IGxvYWRpbmcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2xvYWRpbmc7XG4gIH1cblxuICAvKipcbiAgICogQG9wdGlvbmFsXG4gICAqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKlxuICAgKiBEZWl4YSBvIGJvdMOjbyBtZW5vci5cbiAgICpcbiAgICogQGRlZmF1bHQgYGZhbHNlYFxuICAgKi9cbiAgQElucHV0KCdwLXNtYWxsJykgc2V0IHNtYWxsKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fc21hbGwgPSA8YW55PnZhbHVlID09PSAnJyA/IHRydWUgOiBjb252ZXJ0VG9Cb29sZWFuKHZhbHVlKTtcbiAgfVxuICBnZXQgc21hbGwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3NtYWxsO1xuICB9XG5cbiAgLyoqXG4gICAqIEBvcHRpb25hbFxuICAgKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICpcbiAgICogRGVmaW5lIG8gZXN0aWxvIGRvIGBwby1idXR0b25gLlxuICAgKlxuICAgKiBWYWxvcmUgdsOhbGlkb3M6XG4gICAqICAtIGBkZWZhdWx0YDogZXN0aWxvIHBhZHLDo28gZG8gYHBvLWJ1dHRvbmAuXG4gICAqICAtIGBwcmltYXJ5YDogZGVpeGEgbyBgcG8tYnV0dG9uYCBjb20gZGVzdGFxdWUsIGRldmUgc2VyIHVzYWRvIHBhcmEgYcOnw7VlcyBwcmltw6FyaWFzLlxuICAgKiAgLSBgZGFuZ2VyYDogZGV2ZSBzZXIgdXNhZG8gcGFyYSBhw6fDtWVzIHF1ZSBvIHVzdcOhcmlvIHByZWNpc2EgdGVyIGN1aWRhZG8gYW8gZXhlY3V0YS1sw6EuXG4gICAqICAtIGBsaW5rYDogbyBgcG8tYnV0dG9uYCByZWNlYmUgbyBlc3RpbG8gZGUgdW0gbGluay5cbiAgICpcbiAgICogQGRlZmF1bHQgYGRlZmF1bHRgXG4gICAqL1xuICBASW5wdXQoJ3AtdHlwZScpIHNldCB0eXBlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl90eXBlID0gUE9fQlVUVE9OX1RZUEVTLmluY2x1ZGVzKHZhbHVlKSA/IHZhbHVlIDogUE9fQlVUVE9OX1RZUEVfREVGQVVMVDtcbiAgfVxuICBnZXQgdHlwZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl90eXBlO1xuICB9XG5cbiAgLyoqXG4gICAqIEBvcHRpb25hbFxuICAgKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICpcbiAgICogRGVzYWJpbGl0YSBvIGBwby1idXR0b25gIGUgbsOjbyBwZXJtaXRlIHF1ZSBvIHVzdcOhcmlvIGludGVyYWphIGNvbSBvIG1lc21vLlxuICAgKlxuICAgKiBAZGVmYXVsdCBgZmFsc2VgXG4gICAqL1xuICBASW5wdXQoJ3AtZGlzYWJsZWQnKSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9kaXNhYmxlZCA9IDxhbnk+dmFsdWUgPT09ICcnID8gdHJ1ZSA6IGNvbnZlcnRUb0Jvb2xlYW4odmFsdWUpO1xuICB9XG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/components/po-button/po-button.component.mjs

@@ -0,0 +1,114 @@
+import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { PoButtonBaseComponent } from './po-button-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../po-loading/po-loading-icon/po-loading-icon.component";
+import * as i3 from "../po-icon/po-icon.component";
+const _c0 = ["button"];
+function PoButtonComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "po-loading-icon", 6);
+    i0.ɵɵelementEnd();
+} }
+function PoButtonComponent_po_icon_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "po-icon", 7);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("p-icon", ctx_r2.icon);
+} }
+function PoButtonComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r3.label);
+} }
+/**
+ * @docsExtends PoButtonBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-button-basic" title="PO Button Basic">
+ *  <file name="sample-po-button-basic/sample-po-button-basic.component.html"> </file>
+ *  <file name="sample-po-button-basic/sample-po-button-basic.component.ts"> </file>
+ *  <file name="sample-po-button-basic/sample-po-button-basic.component.e2e-spec.ts"> </file>
+ *  <file name="sample-po-button-basic/sample-po-button-basic.component.po.ts"> </file>
+ * </example>
+ *
+ * <example name="po-button-labs" title="PO Button Labs">
+ *  <file name="sample-po-button-labs/sample-po-button-labs.component.html"> </file>
+ *  <file name="sample-po-button-labs/sample-po-button-labs.component.ts"> </file>
+ *  <file name="sample-po-button-labs/sample-po-button-labs.component.e2e-spec.ts"> </file>
+ *  <file name="sample-po-button-labs/sample-po-button-labs.component.po.ts"> </file>
+ * </example>
+ *
+ * <example name="po-button-social-network" title="PO Button Social Network">
+ *  <file name="sample-po-button-social-network/sample-po-button-social-network.component.html"> </file>
+ *  <file name="sample-po-button-social-network/sample-po-button-social-network.component.ts"> </file>
+ * </example>
+ */
+export class PoButtonComponent extends PoButtonBaseComponent {
+    ngAfterViewInit() {
+        if (this.autoFocus) {
+            this.focus();
+        }
+    }
+    /**
+     * Função que atribui foco ao componente.
+     *
+     * Para utilizá-la é necessário ter a instância do componente no DOM, podendo ser utilizado o ViewChild da seguinte forma:
+     *
+     * ```
+     * import { PoButtonComponent } from '@po-ui/ng-components';
+     *
+     * ...
+     *
+     * @ViewChild(PoButtonComponent, { static: true }) button: PoButtonComponent;
+     *
+     * focusButton() {
+     *   this.button.focus();
+     * }
+     * ```
+     */
+    focus() {
+        if (!this.disabled) {
+            this.buttonElement.nativeElement.focus();
+        }
+    }
+    onClick() {
+        this.click.emit(null);
+    }
+}
+PoButtonComponent.ɵfac = /*@__PURE__*/ function () { let ɵPoButtonComponent_BaseFactory; return function PoButtonComponent_Factory(t) { return (ɵPoButtonComponent_BaseFactory || (ɵPoButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoButtonComponent)))(t || PoButtonComponent); }; }();
+PoButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoButtonComponent, selectors: [["po-button"]], viewQuery: function PoButtonComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttonElement = _t.first);
+    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 14, consts: [["type", "button", 1, "po-button", "po-text-ellipsis", 3, "disabled", "click"], ["button", ""], ["class", "po-button-loading-icon", 4, "ngIf"], ["class", "po-button-icon", 3, "p-icon", 4, "ngIf"], ["class", "po-button-label", 4, "ngIf"], [1, "po-button-loading-icon"], ["p-neutral-color", ""], [1, "po-button-icon", 3, "p-icon"], [1, "po-button-label"]], template: function PoButtonComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "button", 0, 1);
+        i0.ɵɵlistener("click", function PoButtonComponent_Template_button_click_0_listener() { return ctx.onClick(); });
+        i0.ɵɵtemplate(2, PoButtonComponent_div_2_Template, 2, 0, "div", 2);
+        i0.ɵɵtemplate(3, PoButtonComponent_po_icon_3_Template, 1, 1, "po-icon", 3);
+        i0.ɵɵtemplate(4, PoButtonComponent_span_4_Template, 2, 1, "span", 4);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵclassProp("po-button-danger", ctx.type === "danger")("po-button-link", ctx.type === "link")("po-button-primary", ctx.type === "primary")("po-button-sm", ctx.small)("po-clickable", ctx.type === "link");
+        i0.ɵɵproperty("disabled", ctx.disabled || ctx.loading);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.loading);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.icon);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.label);
+    } }, directives: [i1.NgIf, i2.PoLoadingIconComponent, i3.PoIconComponent], encapsulation: 2, changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'po-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #button\n  class=\"po-button po-text-ellipsis\"\n  type=\"button\"\n  [class.po-button-danger]=\"type === 'danger'\"\n  [class.po-button-link]=\"type === 'link'\"\n  [class.po-button-primary]=\"type === 'primary'\"\n  [class.po-button-sm]=\"small\"\n  [class.po-clickable]=\"type === 'link'\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"onClick()\"\n>\n  <div *ngIf=\"loading\" class=\"po-button-loading-icon\">\n    <po-loading-icon p-neutral-color></po-loading-icon>\n  </div>\n\n  <po-icon *ngIf=\"icon\" class=\"po-button-icon\" [p-icon]=\"icon\"></po-icon>\n  <span *ngIf=\"label\" class=\"po-button-label\">{{ label }}</span>\n</button>\n" }]
+    }], null, { buttonElement: [{
+            type: ViewChild,
+            args: ['button', { static: true }]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29tcG9uZW50cy9wby1idXR0b24vcG8tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29tcG9uZW50cy9wby1idXR0b24vcG8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7OztJQ1VqRSw4QkFBb0Q7SUFDbEQscUNBQW1EO0lBQ3JELGlCQUFNOzs7SUFFTiw2QkFBdUU7OztJQUExQixvQ0FBZTs7O0lBQzVELCtCQUE0QztJQUFBLFlBQVc7SUFBQSxpQkFBTzs7O0lBQWxCLGVBQVc7SUFBWCxrQ0FBVzs7QURiekQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBTUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHFCQUFxQjtJQUcxRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNkO0lBQ0gsQ0FBQztJQUVEOzs7Ozs7Ozs7Ozs7Ozs7O09BZ0JHO0lBQ0gsS0FBSztRQUNILElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzFDO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QixDQUFDOzs2T0FsQ1UsaUJBQWlCLFNBQWpCLGlCQUFpQjtvRUFBakIsaUJBQWlCOzs7Ozs7UUNqQzlCLG9DQVdDO1FBREMsOEZBQVMsYUFBUyxJQUFDO1FBRW5CLGtFQUVNO1FBRU4sMEVBQXVFO1FBQ3ZFLG9FQUE4RDtRQUNoRSxpQkFBUzs7UUFkUCx5REFBNEMsdUNBQUEsNkNBQUEsMkJBQUEscUNBQUE7UUFLNUMsc0RBQWdDO1FBRzFCLGVBQWE7UUFBYixrQ0FBYTtRQUlULGVBQVU7UUFBViwrQkFBVTtRQUNiLGVBQVc7UUFBWCxnQ0FBVzs7dUZEZ0JQLGlCQUFpQjtjQUw3QixTQUFTOzJCQUNFLFdBQVcsbUJBRUosdUJBQXVCLENBQUMsTUFBTTtnQkFHUixhQUFhO2tCQUFuRCxTQUFTO21CQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUG9CdXR0b25CYXNlQ29tcG9uZW50IH0gZnJvbSAnLi9wby1idXR0b24tYmFzZS5jb21wb25lbnQnO1xuXG4vKipcbiAqIEBkb2NzRXh0ZW5kcyBQb0J1dHRvbkJhc2VDb21wb25lbnRcbiAqXG4gKiBAZXhhbXBsZVxuICpcbiAqIDxleGFtcGxlIG5hbWU9XCJwby1idXR0b24tYmFzaWNcIiB0aXRsZT1cIlBPIEJ1dHRvbiBCYXNpY1wiPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWJhc2ljL3NhbXBsZS1wby1idXR0b24tYmFzaWMuY29tcG9uZW50Lmh0bWxcIj4gPC9maWxlPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWJhc2ljL3NhbXBsZS1wby1idXR0b24tYmFzaWMuY29tcG9uZW50LnRzXCI+IDwvZmlsZT5cbiAqICA8ZmlsZSBuYW1lPVwic2FtcGxlLXBvLWJ1dHRvbi1iYXNpYy9zYW1wbGUtcG8tYnV0dG9uLWJhc2ljLmNvbXBvbmVudC5lMmUtc3BlYy50c1wiPiA8L2ZpbGU+XG4gKiAgPGZpbGUgbmFtZT1cInNhbXBsZS1wby1idXR0b24tYmFzaWMvc2FtcGxlLXBvLWJ1dHRvbi1iYXNpYy5jb21wb25lbnQucG8udHNcIj4gPC9maWxlPlxuICogPC9leGFtcGxlPlxuICpcbiAqIDxleGFtcGxlIG5hbWU9XCJwby1idXR0b24tbGFic1wiIHRpdGxlPVwiUE8gQnV0dG9uIExhYnNcIj5cbiAqICA8ZmlsZSBuYW1lPVwic2FtcGxlLXBvLWJ1dHRvbi1sYWJzL3NhbXBsZS1wby1idXR0b24tbGFicy5jb21wb25lbnQuaHRtbFwiPiA8L2ZpbGU+XG4gKiAgPGZpbGUgbmFtZT1cInNhbXBsZS1wby1idXR0b24tbGFicy9zYW1wbGUtcG8tYnV0dG9uLWxhYnMuY29tcG9uZW50LnRzXCI+IDwvZmlsZT5cbiAqICA8ZmlsZSBuYW1lPVwic2FtcGxlLXBvLWJ1dHRvbi1sYWJzL3NhbXBsZS1wby1idXR0b24tbGFicy5jb21wb25lbnQuZTJlLXNwZWMudHNcIj4gPC9maWxlPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWxhYnMvc2FtcGxlLXBvLWJ1dHRvbi1sYWJzLmNvbXBvbmVudC5wby50c1wiPiA8L2ZpbGU+XG4gKiA8L2V4YW1wbGU+XG4gKlxuICogPGV4YW1wbGUgbmFtZT1cInBvLWJ1dHRvbi1zb2NpYWwtbmV0d29ya1wiIHRpdGxlPVwiUE8gQnV0dG9uIFNvY2lhbCBOZXR3b3JrXCI+XG4gKiAgPGZpbGUgbmFtZT1cInNhbXBsZS1wby1idXR0b24tc29jaWFsLW5ldHdvcmsvc2FtcGxlLXBvLWJ1dHRvbi1zb2NpYWwtbmV0d29yay5jb21wb25lbnQuaHRtbFwiPiA8L2ZpbGU+XG4gKiAgPGZpbGUgbmFtZT1cInNhbXBsZS1wby1idXR0b24tc29jaWFsLW5ldHdvcmsvc2FtcGxlLXBvLWJ1dHRvbi1zb2NpYWwtbmV0d29yay5jb21wb25lbnQudHNcIj4gPC9maWxlPlxuICogPC9leGFtcGxlPlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwby1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcG8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUG9CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBQb0J1dHRvbkJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnYnV0dG9uJywgeyBzdGF0aWM6IHRydWUgfSkgYnV0dG9uRWxlbWVudDogRWxlbWVudFJlZjtcblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMuYXV0b0ZvY3VzKSB7XG4gICAgICB0aGlzLmZvY3VzKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEZ1bsOnw6NvIHF1ZSBhdHJpYnVpIGZvY28gYW8gY29tcG9uZW50ZS5cbiAgICpcbiAgICogUGFyYSB1dGlsaXrDoS1sYSDDqSBuZWNlc3PDoXJpbyB0ZXIgYSBpbnN0w6JuY2lhIGRvIGNvbXBvbmVudGUgbm8gRE9NLCBwb2RlbmRvIHNlciB1dGlsaXphZG8gbyBWaWV3Q2hpbGQgZGEgc2VndWludGUgZm9ybWE6XG4gICAqXG4gICAqIGBgYFxuICAgKiBpbXBvcnQgeyBQb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0Bwby11aS9uZy1jb21wb25lbnRzJztcbiAgICpcbiAgICogLi4uXG4gICAqXG4gICAqIEBWaWV3Q2hpbGQoUG9CdXR0b25Db21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIGJ1dHRvbjogUG9CdXR0b25Db21wb25lbnQ7XG4gICAqXG4gICAqIGZvY3VzQnV0dG9uKCkge1xuICAgKiAgIHRoaXMuYnV0dG9uLmZvY3VzKCk7XG4gICAqIH1cbiAgICogYGBgXG4gICAqL1xuICBmb2N1cygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuYnV0dG9uRWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICB9XG5cbiAgb25DbGljaygpIHtcbiAgICB0aGlzLmNsaWNrLmVtaXQobnVsbCk7XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgI2J1dHRvblxuICBjbGFzcz1cInBvLWJ1dHRvbiBwby10ZXh0LWVsbGlwc2lzXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4gIFtjbGFzcy5wby1idXR0b24tZGFuZ2VyXT1cInR5cGUgPT09ICdkYW5nZXInXCJcbiAgW2NsYXNzLnBvLWJ1dHRvbi1saW5rXT1cInR5cGUgPT09ICdsaW5rJ1wiXG4gIFtjbGFzcy5wby1idXR0b24tcHJpbWFyeV09XCJ0eXBlID09PSAncHJpbWFyeSdcIlxuICBbY2xhc3MucG8tYnV0dG9uLXNtXT1cInNtYWxsXCJcbiAgW2NsYXNzLnBvLWNsaWNrYWJsZV09XCJ0eXBlID09PSAnbGluaydcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgbG9hZGluZ1wiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuPlxuICA8ZGl2ICpuZ0lmPVwibG9hZGluZ1wiIGNsYXNzPVwicG8tYnV0dG9uLWxvYWRpbmctaWNvblwiPlxuICAgIDxwby1sb2FkaW5nLWljb24gcC1uZXV0cmFsLWNvbG9yPjwvcG8tbG9hZGluZy1pY29uPlxuICA8L2Rpdj5cblxuICA8cG8taWNvbiAqbmdJZj1cImljb25cIiBjbGFzcz1cInBvLWJ1dHRvbi1pY29uXCIgW3AtaWNvbl09XCJpY29uXCI+PC9wby1pY29uPlxuICA8c3BhbiAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJwby1idXR0b24tbGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19

package/esm2020/lib/components/po-button/po-button.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PoIconModule } from './../po-icon/index';
+import { PoLoadingModule } from './../po-loading/index';
+import { PoButtonComponent } from './po-button.component';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ *
+ * Módulo do componente po-button.
+ */
+export class PoButtonModule {
+}
+PoButtonModule.ɵfac = function PoButtonModule_Factory(t) { return new (t || PoButtonModule)(); };
+PoButtonModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoButtonModule });
+PoButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonModule, PoLoadingModule, PoIconModule]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonModule, [{
+        type: NgModule,
+        args: [{
+                imports: [CommonModule, PoLoadingModule, PoIconModule],
+                declarations: [PoButtonComponent],
+                exports: [PoButtonComponent]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoButtonModule, { declarations: [PoButtonComponent], imports: [CommonModule, PoLoadingModule, PoIconModule], exports: [PoButtonComponent] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG8tYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29tcG9uZW50cy9wby1idXR0b24vcG8tYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQUUxRDs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLGNBQWM7OzRFQUFkLGNBQWM7Z0VBQWQsY0FBYztvRUFKaEIsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLFlBQVksQ0FBQzt1RkFJM0MsY0FBYztjQUwxQixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUM7Z0JBQ3RELFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO2dCQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQzthQUM3Qjs7d0ZBQ1ksY0FBYyxtQkFIVixpQkFBaUIsYUFEdEIsWUFBWSxFQUFFLGVBQWUsRUFBRSxZQUFZLGFBRTNDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBQb0ljb25Nb2R1bGUgfSBmcm9tICcuLy4uL3BvLWljb24vaW5kZXgnO1xuaW1wb3J0IHsgUG9Mb2FkaW5nTW9kdWxlIH0gZnJvbSAnLi8uLi9wby1sb2FkaW5nL2luZGV4JztcblxuaW1wb3J0IHsgUG9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3BvLWJ1dHRvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICpcbiAqIE3Ds2R1bG8gZG8gY29tcG9uZW50ZSBwby1idXR0b24uXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFBvTG9hZGluZ01vZHVsZSwgUG9JY29uTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbUG9CdXR0b25Db21wb25lbnRdLFxuICBleHBvcnRzOiBbUG9CdXR0b25Db21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFBvQnV0dG9uTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/components/po-button-group/po-button-group-base.component.mjs

@@ -0,0 +1,102 @@
+import { Input, Directive } from '@angular/core';
+import { convertToBoolean } from '../../utils/util';
+import { PoButtonGroupToggle } from './po-button-group-toggle.enum';
+import * as i0 from "@angular/core";
+const PO_TOGGLE_TYPE_DEFAULT = 'none';
+/**
+ * @description
+ *
+ * O componente `po-button-group` é formado por um conjunto de botões distribuídos horizontalmente.
+ * Cada botão do grupo é tratado de forma individual, recebendo assim um rótulo, uma ação bem como se deverá estar habilitado ou não.
+ *
+ * Este componente além de servir como um agrupador de botões para ação, também permite que sejam utilizados
+ * para seleções multiplas e únicas.
+ *
+ * O grupo de botões deve ser utilizado para organizar as ações de maneira uniforme e transmitir a ideia de que os botões fazem
+ * parte de um mesmo contexto.
+ *
+ * #### Boas práticas
+ *
+ * - Evite usar o `po-button-group` com apenas 1 ação, para isso utilize o `po-button`.
+ * - Procure utilizar no máximo 3 ações para cada `po-button-group`.
+ *
+ * > As recomendações do `po-button` também valem para o `po-button-group`.
+ */
+export class PoButtonGroupBaseComponent {
+    constructor() {
+        /** Lista de botões. */
+        this.buttons = [];
+        this._small = false;
+        this._toggle = PO_TOGGLE_TYPE_DEFAULT;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Torna o grupo de botões com tamanho minificado.
+     *
+     * @default `false`
+     */
+    set small(value) {
+        this._small = value === '' ? true : convertToBoolean(value);
+    }
+    get small() {
+        return this._small;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o modo de seleção de botões.
+     *
+     * > Veja os valores válidos no *enum* `PoMultiselectFilterMode`.
+     *
+     * @default `none`
+     */
+    set toggle(value) {
+        this._toggle = Object.values(PoButtonGroupToggle).includes(value) ? value : PO_TOGGLE_TYPE_DEFAULT;
+        this.checkSelecteds(this._toggle);
+    }
+    get toggle() {
+        return this._toggle;
+    }
+    onButtonClick(buttonClicked, buttonIndex) {
+        if (this.toggle === PoButtonGroupToggle.Single) {
+            this.buttons.forEach((button, index) => (button.selected = index === buttonIndex ? !buttonClicked.selected : false));
+        }
+        else if (this.toggle === PoButtonGroupToggle.Multiple) {
+            buttonClicked.selected = !buttonClicked.selected;
+        }
+    }
+    checkSelecteds(toggleMode) {
+        if (toggleMode === PoButtonGroupToggle.None) {
+            this.deselectAllButtons();
+        }
+        else if (toggleMode === PoButtonGroupToggle.Single) {
+            const hasMoreOneSelected = this.buttons.filter(button => button.selected).length > 1;
+            if (hasMoreOneSelected) {
+                this.deselectAllButtons();
+            }
+        }
+    }
+    deselectAllButtons() {
+        this.buttons.forEach(button => (button.selected = false));
+    }
+}
+PoButtonGroupBaseComponent.ɵfac = function PoButtonGroupBaseComponent_Factory(t) { return new (t || PoButtonGroupBaseComponent)(); };
+PoButtonGroupBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoButtonGroupBaseComponent, inputs: { buttons: ["p-buttons", "buttons"], small: ["p-small", "small"], toggle: ["p-toggle", "toggle"] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonGroupBaseComponent, [{
+        type: Directive
+    }], null, { buttons: [{
+            type: Input,
+            args: ['p-buttons']
+        }], small: [{
+            type: Input,
+            args: ['p-small']
+        }], toggle: [{
+            type: Input,
+            args: ['p-toggle']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG8tYnV0dG9uLWdyb3VwLWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9jb21wb25lbnRzL3BvLWJ1dHRvbi1ncm91cC9wby1idXR0b24tZ3JvdXAtYmFzZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBRXBFLE1BQU0sc0JBQXNCLEdBQUcsTUFBTSxDQUFDO0FBRXRDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQkc7QUFFSCxNQUFNLE9BQU8sMEJBQTBCO0lBRHZDO1FBRUUsdUJBQXVCO1FBQ0gsWUFBTyxHQUE2QixFQUFFLENBQUM7UUFFbkQsV0FBTSxHQUFhLEtBQUssQ0FBQztRQUN6QixZQUFPLEdBQVksc0JBQXNCLENBQUM7S0FnRW5EO0lBOURDOzs7Ozs7OztPQVFHO0lBQ0gsSUFBc0IsS0FBSyxDQUFDLEtBQWM7UUFDeEMsSUFBSSxDQUFDLE1BQU0sR0FBUSxLQUFLLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVEOzs7Ozs7Ozs7O09BVUc7SUFDSCxJQUF1QixNQUFNLENBQUMsS0FBYTtRQUN6QyxJQUFJLENBQUMsT0FBTyxHQUFTLE1BQU8sQ0FBQyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsc0JBQXNCLENBQUM7UUFFMUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsYUFBYSxDQUFDLGFBQWdDLEVBQUUsV0FBbUI7UUFDakUsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLG1CQUFtQixDQUFDLE1BQU0sRUFBRTtZQUM5QyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FDbEIsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsS0FBSyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FDL0YsQ0FBQztTQUNIO2FBQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLG1CQUFtQixDQUFDLFFBQVEsRUFBRTtZQUN2RCxhQUFhLENBQUMsUUFBUSxHQUFHLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztTQUNsRDtJQUNILENBQUM7SUFFTyxjQUFjLENBQUMsVUFBa0I7UUFDdkMsSUFBSSxVQUFVLEtBQUssbUJBQW1CLENBQUMsSUFBSSxFQUFFO1lBQzNDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1NBQzNCO2FBQU0sSUFBSSxVQUFVLEtBQUssbUJBQW1CLENBQUMsTUFBTSxFQUFFO1lBQ3BELE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUNyRixJQUFJLGtCQUFrQixFQUFFO2dCQUN0QixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQzthQUMzQjtTQUNGO0lBQ0gsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzVELENBQUM7O29HQXBFVSwwQkFBMEI7NkVBQTFCLDBCQUEwQjt1RkFBMUIsMEJBQTBCO2NBRHRDLFNBQVM7Z0JBR1ksT0FBTztrQkFBMUIsS0FBSzttQkFBQyxXQUFXO1lBY0ksS0FBSztrQkFBMUIsS0FBSzttQkFBQyxTQUFTO1lBbUJPLE1BQU07a0JBQTVCLEtBQUs7bUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElucHV0LCBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgY29udmVydFRvQm9vbGVhbiB9IGZyb20gJy4uLy4uL3V0aWxzL3V0aWwnO1xuaW1wb3J0IHsgUG9CdXR0b25Hcm91cEl0ZW0gfSBmcm9tICcuL3BvLWJ1dHRvbi1ncm91cC1pdGVtLmludGVyZmFjZSc7XG5pbXBvcnQgeyBQb0J1dHRvbkdyb3VwVG9nZ2xlIH0gZnJvbSAnLi9wby1idXR0b24tZ3JvdXAtdG9nZ2xlLmVudW0nO1xuXG5jb25zdCBQT19UT0dHTEVfVFlQRV9ERUZBVUxUID0gJ25vbmUnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICpcbiAqIE8gY29tcG9uZW50ZSBgcG8tYnV0dG9uLWdyb3VwYCDDqSBmb3JtYWRvIHBvciB1bSBjb25qdW50byBkZSBib3TDtWVzIGRpc3RyaWJ1w61kb3MgaG9yaXpvbnRhbG1lbnRlLlxuICogQ2FkYSBib3TDo28gZG8gZ3J1cG8gw6kgdHJhdGFkbyBkZSBmb3JtYSBpbmRpdmlkdWFsLCByZWNlYmVuZG8gYXNzaW0gdW0gcsOzdHVsbywgdW1hIGHDp8OjbyBiZW0gY29tbyBzZSBkZXZlcsOhIGVzdGFyIGhhYmlsaXRhZG8gb3UgbsOjby5cbiAqXG4gKiBFc3RlIGNvbXBvbmVudGUgYWzDqW0gZGUgc2VydmlyIGNvbW8gdW0gYWdydXBhZG9yIGRlIGJvdMO1ZXMgcGFyYSBhw6fDo28sIHRhbWLDqW0gcGVybWl0ZSBxdWUgc2VqYW0gdXRpbGl6YWRvc1xuICogcGFyYSBzZWxlw6fDtWVzIG11bHRpcGxhcyBlIMO6bmljYXMuXG4gKlxuICogTyBncnVwbyBkZSBib3TDtWVzIGRldmUgc2VyIHV0aWxpemFkbyBwYXJhIG9yZ2FuaXphciBhcyBhw6fDtWVzIGRlIG1hbmVpcmEgdW5pZm9ybWUgZSB0cmFuc21pdGlyIGEgaWRlaWEgZGUgcXVlIG9zIGJvdMO1ZXMgZmF6ZW1cbiAqIHBhcnRlIGRlIHVtIG1lc21vIGNvbnRleHRvLlxuICpcbiAqICMjIyMgQm9hcyBwcsOhdGljYXNcbiAqXG4gKiAtIEV2aXRlIHVzYXIgbyBgcG8tYnV0dG9uLWdyb3VwYCBjb20gYXBlbmFzIDEgYcOnw6NvLCBwYXJhIGlzc28gdXRpbGl6ZSBvIGBwby1idXR0b25gLlxuICogLSBQcm9jdXJlIHV0aWxpemFyIG5vIG3DoXhpbW8gMyBhw6fDtWVzIHBhcmEgY2FkYSBgcG8tYnV0dG9uLWdyb3VwYC5cbiAqXG4gKiA+IEFzIHJlY29tZW5kYcOnw7VlcyBkbyBgcG8tYnV0dG9uYCB0YW1iw6ltIHZhbGVtIHBhcmEgbyBgcG8tYnV0dG9uLWdyb3VwYC5cbiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgY2xhc3MgUG9CdXR0b25Hcm91cEJhc2VDb21wb25lbnQge1xuICAvKiogTGlzdGEgZGUgYm90w7Vlcy4gKi9cbiAgQElucHV0KCdwLWJ1dHRvbnMnKSBidXR0b25zOiBBcnJheTxQb0J1dHRvbkdyb3VwSXRlbT4gPSBbXTtcblxuICBwcml2YXRlIF9zbWFsbD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHJpdmF0ZSBfdG9nZ2xlPzogc3RyaW5nID0gUE9fVE9HR0xFX1RZUEVfREVGQVVMVDtcblxuICAvKipcbiAgICogQG9wdGlvbmFsXG4gICAqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKlxuICAgKiBUb3JuYSBvIGdydXBvIGRlIGJvdMO1ZXMgY29tIHRhbWFuaG8gbWluaWZpY2Fkby5cbiAgICpcbiAgICogQGRlZmF1bHQgYGZhbHNlYFxuICAgKi9cbiAgQElucHV0KCdwLXNtYWxsJykgc2V0IHNtYWxsKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fc21hbGwgPSA8YW55PnZhbHVlID09PSAnJyA/IHRydWUgOiBjb252ZXJ0VG9Cb29sZWFuKHZhbHVlKTtcbiAgfVxuXG4gIGdldCBzbWFsbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc21hbGw7XG4gIH1cblxuICAvKipcbiAgICogQG9wdGlvbmFsXG4gICAqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKlxuICAgKiBEZWZpbmUgbyBtb2RvIGRlIHNlbGXDp8OjbyBkZSBib3TDtWVzLlxuICAgKlxuICAgKiA+IFZlamEgb3MgdmFsb3JlcyB2w6FsaWRvcyBubyAqZW51bSogYFBvTXVsdGlzZWxlY3RGaWx0ZXJNb2RlYC5cbiAgICpcbiAgICogQGRlZmF1bHQgYG5vbmVgXG4gICAqL1xuICBASW5wdXQoJ3AtdG9nZ2xlJykgc2V0IHRvZ2dsZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fdG9nZ2xlID0gKDxhbnk+T2JqZWN0KS52YWx1ZXMoUG9CdXR0b25Hcm91cFRvZ2dsZSkuaW5jbHVkZXModmFsdWUpID8gdmFsdWUgOiBQT19UT0dHTEVfVFlQRV9ERUZBVUxUO1xuXG4gICAgdGhpcy5jaGVja1NlbGVjdGVkcyh0aGlzLl90b2dnbGUpO1xuICB9XG5cbiAgZ2V0IHRvZ2dsZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl90b2dnbGU7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKGJ1dHRvbkNsaWNrZWQ6IFBvQnV0dG9uR3JvdXBJdGVtLCBidXR0b25JbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMudG9nZ2xlID09PSBQb0J1dHRvbkdyb3VwVG9nZ2xlLlNpbmdsZSkge1xuICAgICAgdGhpcy5idXR0b25zLmZvckVhY2goXG4gICAgICAgIChidXR0b24sIGluZGV4KSA9PiAoYnV0dG9uLnNlbGVjdGVkID0gaW5kZXggPT09IGJ1dHRvbkluZGV4ID8gIWJ1dHRvbkNsaWNrZWQuc2VsZWN0ZWQgOiBmYWxzZSlcbiAgICAgICk7XG4gICAgfSBlbHNlIGlmICh0aGlzLnRvZ2dsZSA9PT0gUG9CdXR0b25Hcm91cFRvZ2dsZS5NdWx0aXBsZSkge1xuICAgICAgYnV0dG9uQ2xpY2tlZC5zZWxlY3RlZCA9ICFidXR0b25DbGlja2VkLnNlbGVjdGVkO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY2hlY2tTZWxlY3RlZHModG9nZ2xlTW9kZTogc3RyaW5nKSB7XG4gICAgaWYgKHRvZ2dsZU1vZGUgPT09IFBvQnV0dG9uR3JvdXBUb2dnbGUuTm9uZSkge1xuICAgICAgdGhpcy5kZXNlbGVjdEFsbEJ1dHRvbnMoKTtcbiAgICB9IGVsc2UgaWYgKHRvZ2dsZU1vZGUgPT09IFBvQnV0dG9uR3JvdXBUb2dnbGUuU2luZ2xlKSB7XG4gICAgICBjb25zdCBoYXNNb3JlT25lU2VsZWN0ZWQgPSB0aGlzLmJ1dHRvbnMuZmlsdGVyKGJ1dHRvbiA9PiBidXR0b24uc2VsZWN0ZWQpLmxlbmd0aCA+IDE7XG4gICAgICBpZiAoaGFzTW9yZU9uZVNlbGVjdGVkKSB7XG4gICAgICAgIHRoaXMuZGVzZWxlY3RBbGxCdXR0b25zKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBkZXNlbGVjdEFsbEJ1dHRvbnMoKSB7XG4gICAgdGhpcy5idXR0b25zLmZvckVhY2goYnV0dG9uID0+IChidXR0b24uc2VsZWN0ZWQgPSBmYWxzZSkpO1xuICB9XG59XG4iXX0=

package/esm2020/lib/components/po-button-group/po-button-group.component.mjs

@@ -0,0 +1,62 @@
+import { Component } from '@angular/core';
+import { PoButtonGroupBaseComponent } from './po-button-group-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../po-button/po-button.component";
+import * as i3 from "../../directives/po-tooltip/po-tooltip.directive";
+function PoButtonGroupComponent_po_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-button", 2);
+    i0.ɵɵlistener("p-click", function PoButtonGroupComponent_po_button_1_Template_po_button_p_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const button_r1 = restoredCtx.$implicit; const i_r2 = restoredCtx.index; const ctx_r3 = i0.ɵɵnextContext(); button_r1.action(button_r1); return ctx_r3.onButtonClick(button_r1, i_r2); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const button_r1 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-button-group-button-selected", button_r1.selected)("po-button-group-disabled", button_r1.disabled);
+    i0.ɵɵproperty("p-disabled", button_r1.disabled)("p-icon", button_r1.icon)("p-label", button_r1.label)("p-small", ctx_r0.small)("p-tooltip", !button_r1.disabled ? button_r1.tooltip : undefined);
+} }
+/**
+ * @docsExtends PoButtonGroupBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-button-group-basic" title="PO Button Group Basic">
+ *  <file name="sample-po-button-group-basic/sample-po-button-group-basic.component.html"> </file>
+ *  <file name="sample-po-button-group-basic/sample-po-button-group-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-button-group-labs" title="PO Button Group Labs">
+ *  <file name="sample-po-button-group-labs/sample-po-button-group-labs.component.html"> </file>
+ *  <file name="sample-po-button-group-labs/sample-po-button-group-labs.component.ts"> </file>
+ * </example>
+ *
+ *
+ * <example name="po-button-group-attendance" title="PO Button Group - Attendance">
+ *  <file name="sample-po-button-group-attendance/sample-po-button-group-attendance.component.html"> </file>
+ *  <file name="sample-po-button-group-attendance/sample-po-button-group-attendance.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-button-group-post" title="PO Button Group - Post">
+ *  <file name="sample-po-button-group-post/sample-po-button-group-post.component.html"> </file>
+ *  <file name="sample-po-button-group-post/sample-po-button-group-post.component.ts"> </file>
+ * </example>
+ */
+export class PoButtonGroupComponent extends PoButtonGroupBaseComponent {
+    constructor(viewRef) {
+        super();
+    }
+}
+PoButtonGroupComponent.ɵfac = function PoButtonGroupComponent_Factory(t) { return new (t || PoButtonGroupComponent)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+PoButtonGroupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoButtonGroupComponent, selectors: [["po-button-group"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "po-button-group-container"], ["class", "po-sm-12 po-button-group", "p-tooltip-position", "bottom", 3, "po-button-group-button-selected", "po-button-group-disabled", "p-disabled", "p-icon", "p-label", "p-small", "p-tooltip", "p-click", 4, "ngFor", "ngForOf"], ["p-tooltip-position", "bottom", 1, "po-sm-12", "po-button-group", 3, "p-disabled", "p-icon", "p-label", "p-small", "p-tooltip", "p-click"]], template: function PoButtonGroupComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, PoButtonGroupComponent_po_button_1_Template, 1, 9, "po-button", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx.buttons);
+    } }, directives: [i1.NgForOf, i2.PoButtonComponent, i3.PoTooltipDirective], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonGroupComponent, [{
+        type: Component,
+        args: [{ selector: 'po-button-group', template: "<div class=\"po-button-group-container\">\n  <po-button\n    *ngFor=\"let button of buttons; index as i\"\n    class=\"po-sm-12 po-button-group\"\n    [class.po-button-group-button-selected]=\"button.selected\"\n    [class.po-button-group-disabled]=\"button.disabled\"\n    p-tooltip-position=\"bottom\"\n    [p-disabled]=\"button.disabled\"\n    [p-icon]=\"button.icon\"\n    [p-label]=\"button.label\"\n    [p-small]=\"small\"\n    [p-tooltip]=\"!button.disabled ? button.tooltip : undefined\"\n    (p-click)=\"button.action(button); onButtonClick(button, i)\"\n  >\n  </po-button>\n</div>\n" }]
+    }], function () { return [{ type: i0.ViewContainerRef }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29tcG9uZW50cy9wby1idXR0b24tZ3JvdXAvcG8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29tcG9uZW50cy9wby1idXR0b24tZ3JvdXAvcG8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBRTVELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7O0lDRDVFLG9DQVlDO0lBREMsc1FBQVcsMkJBQXFCLFNBQUUscUNBQXdCLElBQUM7SUFFN0QsaUJBQVk7Ozs7SUFWVixxRUFBeUQsZ0RBQUE7SUFHekQsK0NBQThCLDBCQUFBLDRCQUFBLHlCQUFBLGtFQUFBOztBREhsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCRztBQUtILE1BQU0sT0FBTyxzQkFBdUIsU0FBUSwwQkFBMEI7SUFDcEUsWUFBWSxPQUF5QjtRQUNuQyxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7OzRGQUhVLHNCQUFzQjt5RUFBdEIsc0JBQXNCO1FDbENuQyw4QkFBdUM7UUFDckMsbUZBYVk7UUFDZCxpQkFBTTs7UUFiaUIsZUFBWTtRQUFaLHFDQUFZOzt1RkRnQ3RCLHNCQUFzQjtjQUpsQyxTQUFTOzJCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBQb0J1dHRvbkdyb3VwQmFzZUNvbXBvbmVudCB9IGZyb20gJy4vcG8tYnV0dG9uLWdyb3VwLWJhc2UuY29tcG9uZW50JztcblxuLyoqXG4gKiBAZG9jc0V4dGVuZHMgUG9CdXR0b25Hcm91cEJhc2VDb21wb25lbnRcbiAqXG4gKiBAZXhhbXBsZVxuICpcbiAqIDxleGFtcGxlIG5hbWU9XCJwby1idXR0b24tZ3JvdXAtYmFzaWNcIiB0aXRsZT1cIlBPIEJ1dHRvbiBHcm91cCBCYXNpY1wiPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWdyb3VwLWJhc2ljL3NhbXBsZS1wby1idXR0b24tZ3JvdXAtYmFzaWMuY29tcG9uZW50Lmh0bWxcIj4gPC9maWxlPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWdyb3VwLWJhc2ljL3NhbXBsZS1wby1idXR0b24tZ3JvdXAtYmFzaWMuY29tcG9uZW50LnRzXCI+IDwvZmlsZT5cbiAqIDwvZXhhbXBsZT5cbiAqXG4gKiA8ZXhhbXBsZSBuYW1lPVwicG8tYnV0dG9uLWdyb3VwLWxhYnNcIiB0aXRsZT1cIlBPIEJ1dHRvbiBHcm91cCBMYWJzXCI+XG4gKiAgPGZpbGUgbmFtZT1cInNhbXBsZS1wby1idXR0b24tZ3JvdXAtbGFicy9zYW1wbGUtcG8tYnV0dG9uLWdyb3VwLWxhYnMuY29tcG9uZW50Lmh0bWxcIj4gPC9maWxlPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWdyb3VwLWxhYnMvc2FtcGxlLXBvLWJ1dHRvbi1ncm91cC1sYWJzLmNvbXBvbmVudC50c1wiPiA8L2ZpbGU+XG4gKiA8L2V4YW1wbGU+XG4gKlxuICpcbiAqIDxleGFtcGxlIG5hbWU9XCJwby1idXR0b24tZ3JvdXAtYXR0ZW5kYW5jZVwiIHRpdGxlPVwiUE8gQnV0dG9uIEdyb3VwIC0gQXR0ZW5kYW5jZVwiPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWdyb3VwLWF0dGVuZGFuY2Uvc2FtcGxlLXBvLWJ1dHRvbi1ncm91cC1hdHRlbmRhbmNlLmNvbXBvbmVudC5odG1sXCI+IDwvZmlsZT5cbiAqICA8ZmlsZSBuYW1lPVwic2FtcGxlLXBvLWJ1dHRvbi1ncm91cC1hdHRlbmRhbmNlL3NhbXBsZS1wby1idXR0b24tZ3JvdXAtYXR0ZW5kYW5jZS5jb21wb25lbnQudHNcIj4gPC9maWxlPlxuICogPC9leGFtcGxlPlxuICpcbiAqIDxleGFtcGxlIG5hbWU9XCJwby1idXR0b24tZ3JvdXAtcG9zdFwiIHRpdGxlPVwiUE8gQnV0dG9uIEdyb3VwIC0gUG9zdFwiPlxuICogIDxmaWxlIG5hbWU9XCJzYW1wbGUtcG8tYnV0dG9uLWdyb3VwLXBvc3Qvc2FtcGxlLXBvLWJ1dHRvbi1ncm91cC1wb3N0LmNvbXBvbmVudC5odG1sXCI+IDwvZmlsZT5cbiAqICA8ZmlsZSBuYW1lPVwic2FtcGxlLXBvLWJ1dHRvbi1ncm91cC1wb3N0L3NhbXBsZS1wby1idXR0b24tZ3JvdXAtcG9zdC5jb21wb25lbnQudHNcIj4gPC9maWxlPlxuICogPC9leGFtcGxlPlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwby1idXR0b24tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vcG8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBQb0J1dHRvbkdyb3VwQ29tcG9uZW50IGV4dGVuZHMgUG9CdXR0b25Hcm91cEJhc2VDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcih2aWV3UmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBvLWJ1dHRvbi1ncm91cC1jb250YWluZXJcIj5cbiAgPHBvLWJ1dHRvblxuICAgICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uczsgaW5kZXggYXMgaVwiXG4gICAgY2xhc3M9XCJwby1zbS0xMiBwby1idXR0b24tZ3JvdXBcIlxuICAgIFtjbGFzcy5wby1idXR0b24tZ3JvdXAtYnV0dG9uLXNlbGVjdGVkXT1cImJ1dHRvbi5zZWxlY3RlZFwiXG4gICAgW2NsYXNzLnBvLWJ1dHRvbi1ncm91cC1kaXNhYmxlZF09XCJidXR0b24uZGlzYWJsZWRcIlxuICAgIHAtdG9vbHRpcC1wb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgW3AtZGlzYWJsZWRdPVwiYnV0dG9uLmRpc2FibGVkXCJcbiAgICBbcC1pY29uXT1cImJ1dHRvbi5pY29uXCJcbiAgICBbcC1sYWJlbF09XCJidXR0b24ubGFiZWxcIlxuICAgIFtwLXNtYWxsXT1cInNtYWxsXCJcbiAgICBbcC10b29sdGlwXT1cIiFidXR0b24uZGlzYWJsZWQgPyBidXR0b24udG9vbHRpcCA6IHVuZGVmaW5lZFwiXG4gICAgKHAtY2xpY2spPVwiYnV0dG9uLmFjdGlvbihidXR0b24pOyBvbkJ1dHRvbkNsaWNrKGJ1dHRvbiwgaSlcIlxuICA+XG4gIDwvcG8tYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/po-button-group/po-button-group.module.mjs

@@ -0,0 +1,26 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { PoButtonModule } from './../po-button/index';
+import { PoTooltipModule } from '../../directives/po-tooltip/index';
+import { PoButtonGroupComponent } from './po-button-group.component';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ *
+ * Módulo do componente po-button-group.
+ */
+export class PoButtonGroupModule {
+}
+PoButtonGroupModule.ɵfac = function PoButtonGroupModule_Factory(t) { return new (t || PoButtonGroupModule)(); };
+PoButtonGroupModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoButtonGroupModule });
+PoButtonGroupModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonModule, PoButtonModule, PoTooltipModule]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonGroupModule, [{
+        type: NgModule,
+        args: [{
+                imports: [CommonModule, PoButtonModule, PoTooltipModule],
+                declarations: [PoButtonGroupComponent],
+                exports: [PoButtonGroupComponent]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoButtonGroupModule, { declarations: [PoButtonGroupComponent], imports: [CommonModule, PoButtonModule, PoTooltipModule], exports: [PoButtonGroupComponent] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG8tYnV0dG9uLWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29tcG9uZW50cy9wby1idXR0b24tZ3JvdXAvcG8tYnV0dG9uLWdyb3VwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRXBFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUVyRTs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLG1CQUFtQjs7c0ZBQW5CLG1CQUFtQjtxRUFBbkIsbUJBQW1CO3lFQUpyQixDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDO3VGQUk3QyxtQkFBbUI7Y0FML0IsUUFBUTtlQUFDO2dCQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDO2dCQUN4RCxZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztnQkFDdEMsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7YUFDbEM7O3dGQUNZLG1CQUFtQixtQkFIZixzQkFBc0IsYUFEM0IsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLGFBRTdDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBQb0J1dHRvbk1vZHVsZSB9IGZyb20gJy4vLi4vcG8tYnV0dG9uL2luZGV4JztcbmltcG9ydCB7IFBvVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvcG8tdG9vbHRpcC9pbmRleCc7XG5cbmltcG9ydCB7IFBvQnV0dG9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3BvLWJ1dHRvbi1ncm91cC5jb21wb25lbnQnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICpcbiAqIE3Ds2R1bG8gZG8gY29tcG9uZW50ZSBwby1idXR0b24tZ3JvdXAuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFBvQnV0dG9uTW9kdWxlLCBQb1Rvb2x0aXBNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtQb0J1dHRvbkdyb3VwQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW1BvQnV0dG9uR3JvdXBDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFBvQnV0dG9uR3JvdXBNb2R1bGUge31cbiJdfQ==