@litigiovirtual/ius-design-components 1.0.107 → 1.0.108

package/esm2022/lib/button-order/button-order.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Input, HostListener } from '@angular/core';
+import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary";
+import { IconSmComponent } from '../icon-sm/icon-sm.component';
+import * as i0 from "@angular/core";
+export class ButtonOrderComponent {
+    constructor(_el) {
+        this._el = _el;
+        this.showOrder = false;
+    }
+    showListOrder() {
+        this.showOrder = !this.showOrder;
+    }
+    onDocumentClick(event) {
+        if (this.showOrder && !this._el.nativeElement.contains(event.target)) {
+            this.showOrder = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonOrderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonOrderComponent, isStandalone: true, selector: "ius-button-order", inputs: { orderData: "orderData" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"ius-btn\">\r\n    <ius-button-squared-tertiary iconName=\"icon-low-priority\" (buttonClicked)=\"showListOrder()\"></ius-button-squared-tertiary>\r\n    <div class=\"ctn-order color-pry\" [class.active]=\"showOrder\">\r\n        @for (itemOrder of orderData; track $index) {\r\n        <div class=\"title caption-sm \">\r\n            <ius-icon-sm [iconName]=\"itemOrder.iconName\" class=\"color-pry\"></ius-icon-sm>\r\n            <span>{{itemOrder.title}}</span>\r\n        </div>\r\n        @for (label of itemOrder.values; track $index) {\r\n        <div class=\"item body-large\">{{label}}</div>\r\n        }\r\n        }\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-btn{display:flex;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ctn-order{position:absolute;display:flex;top:55px;left:0;width:348px;box-sizing:border-box;padding:4px;flex-direction:column;justify-content:center;gap:4px;z-index:1000;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.ctn-order.active{opacity:1;transform:translateY(0);pointer-events:all}.title{display:flex;height:38px;box-sizing:border-box;padding:8px 20px 8px 12px;align-items:center;gap:8px}.color-pry{color:#333}.item{display:flex;height:38px;box-sizing:border-box;padding:4px 8px;align-items:center;cursor:pointer;border-radius:8px;background:var(--Neutral-Color-Neutral-White, #FFF)}.item:hover{background:#eaeaea}\n"], dependencies: [{ kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonOrderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-button-order', standalone: true, imports: [ButtonSquaredTertiaryComponent, IconSmComponent], template: "<div class=\"ius-btn\">\r\n    <ius-button-squared-tertiary iconName=\"icon-low-priority\" (buttonClicked)=\"showListOrder()\"></ius-button-squared-tertiary>\r\n    <div class=\"ctn-order color-pry\" [class.active]=\"showOrder\">\r\n        @for (itemOrder of orderData; track $index) {\r\n        <div class=\"title caption-sm \">\r\n            <ius-icon-sm [iconName]=\"itemOrder.iconName\" class=\"color-pry\"></ius-icon-sm>\r\n            <span>{{itemOrder.title}}</span>\r\n        </div>\r\n        @for (label of itemOrder.values; track $index) {\r\n        <div class=\"item body-large\">{{label}}</div>\r\n        }\r\n        }\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-btn{display:flex;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ctn-order{position:absolute;display:flex;top:55px;left:0;width:348px;box-sizing:border-box;padding:4px;flex-direction:column;justify-content:center;gap:4px;z-index:1000;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.ctn-order.active{opacity:1;transform:translateY(0);pointer-events:all}.title{display:flex;height:38px;box-sizing:border-box;padding:8px 20px 8px 12px;align-items:center;gap:8px}.color-pry{color:#333}.item{display:flex;height:38px;box-sizing:border-box;padding:4px 8px;align-items:center;cursor:pointer;border-radius:8px;background:var(--Neutral-Color-Neutral-White, #FFF)}.item:hover{background:#eaeaea}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { orderData: [{
+                type: Input
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLW9yZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi1vcmRlci9idXR0b24tb3JkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLW9yZGVyL2J1dHRvbi1vcmRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYyxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDNUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQVcvRCxNQUFNLE9BQU8sb0JBQW9CO0lBSy9CLFlBQW9CLEdBQWU7UUFBZixRQUFHLEdBQUgsR0FBRyxDQUFZO1FBRG5DLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFDVyxDQUFDO0lBRXZDLGFBQWE7UUFDWCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNuQyxDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQVk7UUFDMUIsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ3JFLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDOytHQWhCVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixzTENiakMsd3BCQWFNLHF3RURKTSw4QkFBOEIsc0lBQUUsZUFBZTs7NEZBSTlDLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsOEJBQThCLEVBQUUsZUFBZSxDQUFDOytFQU1qRCxTQUFTO3NCQUFqQixLQUFLO2dCQVVOLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQgfSBmcm9tIFwiLi4vYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcIjtcclxuaW1wb3J0IHsgSWNvblNtQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgdHlwZSBPcmRlckRhdGEgPSB7IHRpdGxlOiBzdHJpbmc7IGljb25OYW1lOiBzdHJpbmc7IHZhbHVlczogc3RyaW5nW107IH07XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1idXR0b24tb3JkZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0J1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCwgSWNvblNtQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLW9yZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYnV0dG9uLW9yZGVyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uT3JkZXJDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBvcmRlckRhdGE/OiBPcmRlckRhdGFbXTtcclxuXHJcbiAgc2hvd09yZGVyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWw6IEVsZW1lbnRSZWYpIHt9XHJcblxyXG4gIHNob3dMaXN0T3JkZXIoKSB7XHJcbiAgICB0aGlzLnNob3dPcmRlciA9ICF0aGlzLnNob3dPcmRlcjtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcclxuICBvbkRvY3VtZW50Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBpZiAodGhpcy5zaG93T3JkZXIgJiYgIXRoaXMuX2VsLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xyXG4gICAgICB0aGlzLnNob3dPcmRlciA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaXVzLWJ0blwiPlxyXG4gICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeSBpY29uTmFtZT1cImljb24tbG93LXByaW9yaXR5XCIgKGJ1dHRvbkNsaWNrZWQpPVwic2hvd0xpc3RPcmRlcigpXCI+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY3RuLW9yZGVyIGNvbG9yLXByeVwiIFtjbGFzcy5hY3RpdmVdPVwic2hvd09yZGVyXCI+XHJcbiAgICAgICAgQGZvciAoaXRlbU9yZGVyIG9mIG9yZGVyRGF0YTsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlIGNhcHRpb24tc20gXCI+XHJcbiAgICAgICAgICAgIDxpdXMtaWNvbi1zbSBbaWNvbk5hbWVdPVwiaXRlbU9yZGVyLmljb25OYW1lXCIgY2xhc3M9XCJjb2xvci1wcnlcIj48L2l1cy1pY29uLXNtPlxyXG4gICAgICAgICAgICA8c3Bhbj57e2l0ZW1PcmRlci50aXRsZX19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIEBmb3IgKGxhYmVsIG9mIGl0ZW1PcmRlci52YWx1ZXM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtIGJvZHktbGFyZ2VcIj57e2xhYmVsfX08L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/button-order/index.mjs

@@ -0,0 +1,2 @@
+export * from './button-order.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9idXR0b24tb3JkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLW9yZGVyLmNvbXBvbmVudCc7XHJcblxyXG4iXX0=