valtech-components 2.0.46 → 2.0.47

package/esm2022/lib/components/organisms/item-list/item-list.component.mjs

@@ -0,0 +1,362 @@
+import { NgClass, NgStyle } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { IonAvatar, IonButton, IonIcon, IonItem, IonLabel, IonList, IonListHeader, IonNote, IonSpinner, } from '@ionic/angular/standalone';
+import { resolveColor } from '../../../shared/utils/styles';
+import { ComponentStates } from '../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/icons.service";
+export class ItemListComponent {
+    constructor(icon) {
+        this.states = ComponentStates;
+        this.defaultColor = 'primary';
+        this.onClick = new EventEmitter();
+        this.onActionClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    clickHandler(token) {
+        this.onClick.emit(token);
+    }
+    onActionClickHandler(token) {
+        this.onActionClick.emit(token);
+    }
+    color() {
+        return resolveColor(this.props.color || this.defaultColor);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemListComponent, deps: [{ token: i1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ItemListComponent, isStandalone: true, selector: "val-item-list", inputs: { props: "props" }, outputs: { onClick: "onClick", onActionClick: "onActionClick" }, ngImport: i0, template: `
+    <div>
+      <ion-list
+        [inset]="props.rounded"
+        [class.shadowed]="props.shadowed"
+        [class.bordered]="props.bordered"
+        [ngStyle]="{
+          'border-color': props.bordered ? this.color : '',
+        }"
+      >
+        <ion-list-header>
+          <ion-label>{{ props.title }}</ion-label>
+        </ion-list-header>
+        @for (item of props.items; track item.text) {
+          @if (item.mode == 'justext') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h2>{{ item.text }}</h2>
+
+                @if (item.comments) {
+                  <ion-note color="medium"> {{ item.comments }} </ion-note>
+                }
+              </ion-label>
+
+              @if (item.endNote) {
+                <ion-note slot="end">{{ item.endNote }}</ion-note>
+              }
+            </ion-item>
+          }
+
+          @if (item.mode == 'actionable') {
+            <ion-item [lines]="item.lines" [button]="item.clickable" [disabled]="item.disabled">
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h2>{{ item.text }}</h2>
+
+                @if (item.comments) {
+                  <ion-note color="medium"> {{ item.comments }} </ion-note>
+                }
+              </ion-label>
+
+              @if (item.actions) {
+                @for (action of item.actions; track action.token) {
+                  <ion-button
+                    fill="outline"
+                    color="dark"
+                    slot="end"
+                    [disabled]="action.state === states.WORKING"
+                    (click)="onActionClickHandler(action.token)"
+                  >
+                    @if (action.state !== states.WORKING) {
+                      @if (action.icon) {
+                        <ion-icon aria-hidden="true" [name]="action.icon" size="medium" slot="start"></ion-icon>
+                      }
+
+                      {{ action.description }}
+                    }
+
+                    @if (action.state === states.WORKING) {
+                      <ion-spinner class="action-spinner" name="circular"></ion-spinner>
+                    }
+                  </ion-button>
+                }
+              }
+            </ion-item>
+          }
+
+          @if (item.mode == 'route') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+              [routerLink]="item.routerLink"
+            >
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h2>{{ item.text }}</h2>
+
+                @if (item.comments) {
+                  <ion-note color="medium"> {{ item.comments }} </ion-note>
+                }
+              </ion-label>
+            </ion-item>
+          }
+
+          @if (item.mode == 'subtitule') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h1>{{ item.text }}</h1>
+                <p>{{ item.subtitle }}</p>
+              </ion-label>
+            </ion-item>
+          }
+
+          @if (item.mode == 'avatar') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              <ion-avatar aria-hidden="true" slot="start">
+                <img alt="" [src]="item.image" />
+              </ion-avatar>
+              <ion-label>{{ item.text }}</ion-label>
+            </ion-item>
+          }
+
+          @if (item.mode == 'icon') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              <ion-icon aria-hidden="true" [name]="item.icon" size="medium" slot="start"></ion-icon>
+              <ion-label>{{ item.text }}</ion-label>
+            </ion-item>
+          }
+        }
+      </ion-list>
+    </div>
+  `, isInline: true, styles: ["ion-label{font-family:var(--ion-default-font),Arial,sans-serif}ion-note{font-family:var(--ion-default-font),Arial,sans-serif;font-weight:400}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.shadowed{box-shadow:.1875rem .625rem .5rem #1219541a}.bordered{border:1px solid}.unread-indicator{background:var(--ion-color-primary);width:.625rem;height:.625rem;border-radius:100%;position:absolute;inset-inline-start:.75rem;top:.75rem}.action-spinner{width:3.125rem;height:1rem}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonAvatar, selector: "ion-avatar" }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-item-list', standalone: true, imports: [
+                        RouterLink,
+                        NgStyle,
+                        NgClass,
+                        IonList,
+                        IonListHeader,
+                        IonLabel,
+                        IonNote,
+                        IonItem,
+                        IonAvatar,
+                        IonIcon,
+                        IonButton,
+                        IonSpinner,
+                    ], template: `
+    <div>
+      <ion-list
+        [inset]="props.rounded"
+        [class.shadowed]="props.shadowed"
+        [class.bordered]="props.bordered"
+        [ngStyle]="{
+          'border-color': props.bordered ? this.color : '',
+        }"
+      >
+        <ion-list-header>
+          <ion-label>{{ props.title }}</ion-label>
+        </ion-list-header>
+        @for (item of props.items; track item.text) {
+          @if (item.mode == 'justext') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h2>{{ item.text }}</h2>
+
+                @if (item.comments) {
+                  <ion-note color="medium"> {{ item.comments }} </ion-note>
+                }
+              </ion-label>
+
+              @if (item.endNote) {
+                <ion-note slot="end">{{ item.endNote }}</ion-note>
+              }
+            </ion-item>
+          }
+
+          @if (item.mode == 'actionable') {
+            <ion-item [lines]="item.lines" [button]="item.clickable" [disabled]="item.disabled">
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h2>{{ item.text }}</h2>
+
+                @if (item.comments) {
+                  <ion-note color="medium"> {{ item.comments }} </ion-note>
+                }
+              </ion-label>
+
+              @if (item.actions) {
+                @for (action of item.actions; track action.token) {
+                  <ion-button
+                    fill="outline"
+                    color="dark"
+                    slot="end"
+                    [disabled]="action.state === states.WORKING"
+                    (click)="onActionClickHandler(action.token)"
+                  >
+                    @if (action.state !== states.WORKING) {
+                      @if (action.icon) {
+                        <ion-icon aria-hidden="true" [name]="action.icon" size="medium" slot="start"></ion-icon>
+                      }
+
+                      {{ action.description }}
+                    }
+
+                    @if (action.state === states.WORKING) {
+                      <ion-spinner class="action-spinner" name="circular"></ion-spinner>
+                    }
+                  </ion-button>
+                }
+              }
+            </ion-item>
+          }
+
+          @if (item.mode == 'route') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+              [routerLink]="item.routerLink"
+            >
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h2>{{ item.text }}</h2>
+
+                @if (item.comments) {
+                  <ion-note color="medium"> {{ item.comments }} </ion-note>
+                }
+              </ion-label>
+            </ion-item>
+          }
+
+          @if (item.mode == 'subtitule') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              @if (item.unreadIndicator) {
+                <div class="unread-indicator-wrapper" slot="start">
+                  <div class="unread-indicator"></div>
+                </div>
+              }
+
+              <ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
+                <h1>{{ item.text }}</h1>
+                <p>{{ item.subtitle }}</p>
+              </ion-label>
+            </ion-item>
+          }
+
+          @if (item.mode == 'avatar') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              <ion-avatar aria-hidden="true" slot="start">
+                <img alt="" [src]="item.image" />
+              </ion-avatar>
+              <ion-label>{{ item.text }}</ion-label>
+            </ion-item>
+          }
+
+          @if (item.mode == 'icon') {
+            <ion-item
+              [lines]="item.lines"
+              [button]="item.clickable"
+              [disabled]="item.disabled"
+              (click)="clickHandler(item.token)"
+            >
+              <ion-icon aria-hidden="true" [name]="item.icon" size="medium" slot="start"></ion-icon>
+              <ion-label>{{ item.text }}</ion-label>
+            </ion-item>
+          }
+        }
+      </ion-list>
+    </div>
+  `, styles: ["ion-label{font-family:var(--ion-default-font),Arial,sans-serif}ion-note{font-family:var(--ion-default-font),Arial,sans-serif;font-weight:400}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.shadowed{box-shadow:.1875rem .625rem .5rem #1219541a}.bordered{border:1px solid}.unread-indicator{background:var(--ion-color-primary);width:.625rem;height:.625rem;border-radius:100%;position:absolute;inset-inline-start:.75rem;top:.75rem}.action-spinner{width:3.125rem;height:1rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.IconService }], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }], onActionClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2l0ZW0tbGlzdC9pdGVtLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsT0FBTyxFQUNQLE9BQU8sRUFDUCxRQUFRLEVBQ1IsT0FBTyxFQUNQLGFBQWEsRUFDYixPQUFPLEVBQ1AsVUFBVSxHQUNYLE1BQU0sMkJBQTJCLENBQUM7QUFFbkMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQWtMOUMsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixZQUFZLElBQWlCO1FBWjdCLFdBQU0sR0FBRyxlQUFlLENBQUM7UUFDekIsaUJBQVksR0FBRyxTQUFTLENBQUM7UUFNekIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHckMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRVgsQ0FBQztJQUVqQyxRQUFRLEtBQUksQ0FBQztJQUViLFlBQVksQ0FBQyxLQUFjO1FBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxLQUFjO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxLQUFLO1FBQ0gsT0FBTyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzdELENBQUM7K0dBM0JVLGlCQUFpQjttR0FBakIsaUJBQWlCLHNLQTlKbEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkpULGtqQkF4S0MsVUFBVSxvT0FDVixPQUFPLDJFQUNQLE9BQU8sb0ZBQ1AsT0FBTyx5RkFDUCxhQUFhLGdHQUNiLFFBQVEsNkZBQ1IsT0FBTyxnRkFDUCxPQUFPLDBOQUNQLFNBQVMsdURBQ1QsT0FBTywySkFDUCxTQUFTLG9QQUNULFVBQVU7OzRGQWdLRCxpQkFBaUI7a0JBL0s3QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1A7d0JBQ1AsVUFBVTt3QkFDVixPQUFPO3dCQUNQLE9BQU87d0JBQ1AsT0FBTzt3QkFDUCxhQUFhO3dCQUNiLFFBQVE7d0JBQ1IsT0FBTzt3QkFDUCxPQUFPO3dCQUNQLFNBQVM7d0JBQ1QsT0FBTzt3QkFDUCxTQUFTO3dCQUNULFVBQVU7cUJBQ1gsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EySlQ7Z0ZBUUQsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sTUFBTTtnQkFJUCxhQUFhO3NCQURaLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzLCBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtcbiAgSW9uQXZhdGFyLFxuICBJb25CdXR0b24sXG4gIElvbkljb24sXG4gIElvbkl0ZW0sXG4gIElvbkxhYmVsLFxuICBJb25MaXN0LFxuICBJb25MaXN0SGVhZGVyLFxuICBJb25Ob3RlLFxuICBJb25TcGlubmVyLFxufSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IEljb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvaWNvbnMuc2VydmljZSc7XG5pbXBvcnQgeyByZXNvbHZlQ29sb3IgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvc3R5bGVzJztcbmltcG9ydCB7IENvbXBvbmVudFN0YXRlcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IExpc3RNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtaXRlbS1saXN0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFJvdXRlckxpbmssXG4gICAgTmdTdHlsZSxcbiAgICBOZ0NsYXNzLFxuICAgIElvbkxpc3QsXG4gICAgSW9uTGlzdEhlYWRlcixcbiAgICBJb25MYWJlbCxcbiAgICBJb25Ob3RlLFxuICAgIElvbkl0ZW0sXG4gICAgSW9uQXZhdGFyLFxuICAgIElvbkljb24sXG4gICAgSW9uQnV0dG9uLFxuICAgIElvblNwaW5uZXIsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdj5cbiAgICAgIDxpb24tbGlzdFxuICAgICAgICBbaW5zZXRdPVwicHJvcHMucm91bmRlZFwiXG4gICAgICAgIFtjbGFzcy5zaGFkb3dlZF09XCJwcm9wcy5zaGFkb3dlZFwiXG4gICAgICAgIFtjbGFzcy5ib3JkZXJlZF09XCJwcm9wcy5ib3JkZXJlZFwiXG4gICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAnYm9yZGVyLWNvbG9yJzogcHJvcHMuYm9yZGVyZWQgPyB0aGlzLmNvbG9yIDogJycsXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8aW9uLWxpc3QtaGVhZGVyPlxuICAgICAgICAgIDxpb24tbGFiZWw+e3sgcHJvcHMudGl0bGUgfX08L2lvbi1sYWJlbD5cbiAgICAgICAgPC9pb24tbGlzdC1oZWFkZXI+XG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgcHJvcHMuaXRlbXM7IHRyYWNrIGl0ZW0udGV4dCkge1xuICAgICAgICAgIEBpZiAoaXRlbS5tb2RlID09ICdqdXN0ZXh0Jykge1xuICAgICAgICAgICAgPGlvbi1pdGVtXG4gICAgICAgICAgICAgIFtsaW5lc109XCJpdGVtLmxpbmVzXCJcbiAgICAgICAgICAgICAgW2J1dHRvbl09XCJpdGVtLmNsaWNrYWJsZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrSGFuZGxlcihpdGVtLnRva2VuKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIEBpZiAoaXRlbS51bnJlYWRJbmRpY2F0b3IpIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvci13cmFwcGVyXCIgc2xvdD1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvclwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgPGlvbi1sYWJlbCBbbmdDbGFzc109XCJ7ICdpb24tdGV4dC1ub3dyYXAnOiBpdGVtLmVsbGlwc2lzIH1cIj5cbiAgICAgICAgICAgICAgICA8aDI+e3sgaXRlbS50ZXh0IH19PC9oMj5cblxuICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5jb21tZW50cykge1xuICAgICAgICAgICAgICAgICAgPGlvbi1ub3RlIGNvbG9yPVwibWVkaXVtXCI+IHt7IGl0ZW0uY29tbWVudHMgfX0gPC9pb24tbm90ZT5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDwvaW9uLWxhYmVsPlxuXG4gICAgICAgICAgICAgIEBpZiAoaXRlbS5lbmROb3RlKSB7XG4gICAgICAgICAgICAgICAgPGlvbi1ub3RlIHNsb3Q9XCJlbmRcIj57eyBpdGVtLmVuZE5vdGUgfX08L2lvbi1ub3RlPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2lvbi1pdGVtPlxuICAgICAgICAgIH1cblxuICAgICAgICAgIEBpZiAoaXRlbS5tb2RlID09ICdhY3Rpb25hYmxlJykge1xuICAgICAgICAgICAgPGlvbi1pdGVtIFtsaW5lc109XCJpdGVtLmxpbmVzXCIgW2J1dHRvbl09XCJpdGVtLmNsaWNrYWJsZVwiIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgIEBpZiAoaXRlbS51bnJlYWRJbmRpY2F0b3IpIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvci13cmFwcGVyXCIgc2xvdD1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvclwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgPGlvbi1sYWJlbCBbbmdDbGFzc109XCJ7ICdpb24tdGV4dC1ub3dyYXAnOiBpdGVtLmVsbGlwc2lzIH1cIj5cbiAgICAgICAgICAgICAgICA8aDI+e3sgaXRlbS50ZXh0IH19PC9oMj5cblxuICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5jb21tZW50cykge1xuICAgICAgICAgICAgICAgICAgPGlvbi1ub3RlIGNvbG9yPVwibWVkaXVtXCI+IHt7IGl0ZW0uY29tbWVudHMgfX0gPC9pb24tbm90ZT5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDwvaW9uLWxhYmVsPlxuXG4gICAgICAgICAgICAgIEBpZiAoaXRlbS5hY3Rpb25zKSB7XG4gICAgICAgICAgICAgICAgQGZvciAoYWN0aW9uIG9mIGl0ZW0uYWN0aW9uczsgdHJhY2sgYWN0aW9uLnRva2VuKSB7XG4gICAgICAgICAgICAgICAgICA8aW9uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBmaWxsPVwib3V0bGluZVwiXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwiZGFya1wiXG4gICAgICAgICAgICAgICAgICAgIHNsb3Q9XCJlbmRcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiYWN0aW9uLnN0YXRlID09PSBzdGF0ZXMuV09SS0lOR1wiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkFjdGlvbkNsaWNrSGFuZGxlcihhY3Rpb24udG9rZW4pXCJcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgQGlmIChhY3Rpb24uc3RhdGUgIT09IHN0YXRlcy5XT1JLSU5HKSB7XG4gICAgICAgICAgICAgICAgICAgICAgQGlmIChhY3Rpb24uaWNvbikge1xuICAgICAgICAgICAgICAgICAgICAgICAgPGlvbi1pY29uIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIFtuYW1lXT1cImFjdGlvbi5pY29uXCIgc2l6ZT1cIm1lZGl1bVwiIHNsb3Q9XCJzdGFydFwiPjwvaW9uLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgICAge3sgYWN0aW9uLmRlc2NyaXB0aW9uIH19XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICBAaWYgKGFjdGlvbi5zdGF0ZSA9PT0gc3RhdGVzLldPUktJTkcpIHtcbiAgICAgICAgICAgICAgICAgICAgICA8aW9uLXNwaW5uZXIgY2xhc3M9XCJhY3Rpb24tc3Bpbm5lclwiIG5hbWU9XCJjaXJjdWxhclwiPjwvaW9uLXNwaW5uZXI+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvaW9uLWl0ZW0+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgQGlmIChpdGVtLm1vZGUgPT0gJ3JvdXRlJykge1xuICAgICAgICAgICAgPGlvbi1pdGVtXG4gICAgICAgICAgICAgIFtsaW5lc109XCJpdGVtLmxpbmVzXCJcbiAgICAgICAgICAgICAgW2J1dHRvbl09XCJpdGVtLmNsaWNrYWJsZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrSGFuZGxlcihpdGVtLnRva2VuKVwiXG4gICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0ucm91dGVyTGlua1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIEBpZiAoaXRlbS51bnJlYWRJbmRpY2F0b3IpIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvci13cmFwcGVyXCIgc2xvdD1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvclwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgPGlvbi1sYWJlbCBbbmdDbGFzc109XCJ7ICdpb24tdGV4dC1ub3dyYXAnOiBpdGVtLmVsbGlwc2lzIH1cIj5cbiAgICAgICAgICAgICAgICA8aDI+e3sgaXRlbS50ZXh0IH19PC9oMj5cblxuICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5jb21tZW50cykge1xuICAgICAgICAgICAgICAgICAgPGlvbi1ub3RlIGNvbG9yPVwibWVkaXVtXCI+IHt7IGl0ZW0uY29tbWVudHMgfX0gPC9pb24tbm90ZT5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDwvaW9uLWxhYmVsPlxuICAgICAgICAgICAgPC9pb24taXRlbT5cbiAgICAgICAgICB9XG5cbiAgICAgICAgICBAaWYgKGl0ZW0ubW9kZSA9PSAnc3VidGl0dWxlJykge1xuICAgICAgICAgICAgPGlvbi1pdGVtXG4gICAgICAgICAgICAgIFtsaW5lc109XCJpdGVtLmxpbmVzXCJcbiAgICAgICAgICAgICAgW2J1dHRvbl09XCJpdGVtLmNsaWNrYWJsZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrSGFuZGxlcihpdGVtLnRva2VuKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIEBpZiAoaXRlbS51bnJlYWRJbmRpY2F0b3IpIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvci13cmFwcGVyXCIgc2xvdD1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidW5yZWFkLWluZGljYXRvclwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgPGlvbi1sYWJlbCBbbmdDbGFzc109XCJ7ICdpb24tdGV4dC1ub3dyYXAnOiBpdGVtLmVsbGlwc2lzIH1cIj5cbiAgICAgICAgICAgICAgICA8aDE+e3sgaXRlbS50ZXh0IH19PC9oMT5cbiAgICAgICAgICAgICAgICA8cD57eyBpdGVtLnN1YnRpdGxlIH19PC9wPlxuICAgICAgICAgICAgICA8L2lvbi1sYWJlbD5cbiAgICAgICAgICAgIDwvaW9uLWl0ZW0+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgQGlmIChpdGVtLm1vZGUgPT0gJ2F2YXRhcicpIHtcbiAgICAgICAgICAgIDxpb24taXRlbVxuICAgICAgICAgICAgICBbbGluZXNdPVwiaXRlbS5saW5lc1wiXG4gICAgICAgICAgICAgIFtidXR0b25dPVwiaXRlbS5jbGlja2FibGVcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJjbGlja0hhbmRsZXIoaXRlbS50b2tlbilcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aW9uLWF2YXRhciBhcmlhLWhpZGRlbj1cInRydWVcIiBzbG90PVwic3RhcnRcIj5cbiAgICAgICAgICAgICAgICA8aW1nIGFsdD1cIlwiIFtzcmNdPVwiaXRlbS5pbWFnZVwiIC8+XG4gICAgICAgICAgICAgIDwvaW9uLWF2YXRhcj5cbiAgICAgICAgICAgICAgPGlvbi1sYWJlbD57eyBpdGVtLnRleHQgfX08L2lvbi1sYWJlbD5cbiAgICAgICAgICAgIDwvaW9uLWl0ZW0+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgQGlmIChpdGVtLm1vZGUgPT0gJ2ljb24nKSB7XG4gICAgICAgICAgICA8aW9uLWl0ZW1cbiAgICAgICAgICAgICAgW2xpbmVzXT1cIml0ZW0ubGluZXNcIlxuICAgICAgICAgICAgICBbYnV0dG9uXT1cIml0ZW0uY2xpY2thYmxlXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2tIYW5kbGVyKGl0ZW0udG9rZW4pXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGlvbi1pY29uIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIFtuYW1lXT1cIml0ZW0uaWNvblwiIHNpemU9XCJtZWRpdW1cIiBzbG90PVwic3RhcnRcIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgICA8aW9uLWxhYmVsPnt7IGl0ZW0udGV4dCB9fTwvaW9uLWxhYmVsPlxuICAgICAgICAgICAgPC9pb24taXRlbT5cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIDwvaW9uLWxpc3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2l0ZW0tbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJdGVtTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHN0YXRlcyA9IENvbXBvbmVudFN0YXRlcztcbiAgZGVmYXVsdENvbG9yID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIHByb3BzOiBMaXN0TWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAT3V0cHV0KClcbiAgb25BY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKGljb246IEljb25TZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBjbGlja0hhbmRsZXIodG9rZW4/OiBzdHJpbmcpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0b2tlbik7XG4gIH1cblxuICBvbkFjdGlvbkNsaWNrSGFuZGxlcih0b2tlbj86IHN0cmluZykge1xuICAgIHRoaXMub25BY3Rpb25DbGljay5lbWl0KHRva2VuKTtcbiAgfVxuXG4gIGNvbG9yKCkge1xuICAgIHJldHVybiByZXNvbHZlQ29sb3IodGhpcy5wcm9wcy5jb2xvciB8fCB0aGlzLmRlZmF1bHRDb2xvcik7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/organisms/item-list/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy9pdGVtLWxpc3QvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50U3RhdGUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIEl0ZW1BY3Rpb24gPSB7XG4gIHRva2VuOiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIHN0YXRlOiBDb21wb25lbnRTdGF0ZTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSXRlbU1ldGFkYXRhIHtcbiAgdG9rZW4/OiBzdHJpbmc7XG4gIG1vZGU6ICdqdXN0ZXh0JyB8ICdzdWJ0aXR1bGUnIHwgJ2F2YXRhcicgfCAnaWNvbicgfCAncm91dGUnIHwgJ2FjdGlvbmFibGUnO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGltYWdlPzogc3RyaW5nO1xuICBpY29uPzogc3RyaW5nO1xuICBjb21tZW50cz86IHN0cmluZztcbiAgc3VidGl0bGU/OiBzdHJpbmc7XG4gIGVuZE5vdGU/OiBzdHJpbmc7XG4gIGFjdGlvbnM/OiBJdGVtQWN0aW9uW107XG5cbiAgY29sb3I/OiBzdHJpbmc7XG4gIGxpbmVzPzogJ2Z1bGwnIHwgJ2luc2V0JyB8ICdub25lJztcbiAgYnV0dG9uPzogYm9vbGVhbjtcbiAgZGV0YWlsPzogYm9vbGVhbjtcbiAgY2xpY2thYmxlPzogYm9vbGVhbjtcbiAgZGV0YWlsSWNvbj86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBlbGxpcHNpcz86IGJvb2xlYW47XG4gIGhyZWY/OiBzdHJpbmc7XG4gIHJvdXRlckxpbms/OiBzdHJpbmcgfCBhbnlbXTtcbiAgdW5yZWFkSW5kaWNhdG9yPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBMaXN0TWV0YWRhdGEge1xuICBjb2xvcjogQ29sb3I7XG4gIGJvcmRlcmVkOiBib29sZWFuO1xuICByb3VuZGVkOiBib29sZWFuO1xuICBzaGFkb3dlZDogYm9vbGVhbjtcbiAgdGl0bGU6IHN0cmluZztcbiAgaXRlbXM6IEl0ZW1NZXRhZGF0YVtdO1xufVxuIl19

package/esm2022/lib/components/organisms/no-content/no-content.component.mjs

@@ -0,0 +1,44 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ImageComponent } from '../../atoms/image/image.component';
+import { BannerComponent } from '../banner/banner.component';
+import * as i0 from "@angular/core";
+export class NoContentComponent {
+    constructor() {
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    onClickHandler(token) {
+        this.onClick.emit(token);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NoContentComponent, isStandalone: true, selector: "val-no-content", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    @if (props.topContent) {
+      <div>
+        <val-banner [props]="props.topContent" (onClick)="onClickHandler($event)"></val-banner>
+      </div>
+    }
+    <val-image class="image-container" [props]="props.image"></val-image>
+    <div>
+      <val-banner [props]="props.bottomContent" (onClick)="onClickHandler($event)"></val-banner>
+    </div>
+  `, isInline: true, styles: [".image-container{display:flex;justify-content:center;margin-bottom:1rem}val-image .image{margin:0 auto}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: BannerComponent, selector: "val-banner", inputs: ["props"], outputs: ["onClick", "onClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-no-content', standalone: true, imports: [ImageComponent, BannerComponent], template: `
+    @if (props.topContent) {
+      <div>
+        <val-banner [props]="props.topContent" (onClick)="onClickHandler($event)"></val-banner>
+      </div>
+    }
+    <val-image class="image-container" [props]="props.image"></val-image>
+    <div>
+      <val-banner [props]="props.bottomContent" (onClick)="onClickHandler($event)"></val-banner>
+    </div>
+  `, styles: [".image-container{display:flex;justify-content:center;margin-bottom:1rem}val-image .image{margin:0 auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy9uby1jb250ZW50L25vLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFvQjdELE1BQU0sT0FBTyxrQkFBa0I7SUFPN0I7UUFGQSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0QixDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDO0lBRWIsY0FBYyxDQUFDLEtBQWE7UUFDMUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FiVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix1SUFibkI7Ozs7Ozs7Ozs7R0FVVCxtTEFYUyxjQUFjLHlFQUFFLGVBQWU7OzRGQWM5QixrQkFBa0I7a0JBakI5QixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLGNBQWMsRUFBRSxlQUFlLENBQUMsWUFDaEM7Ozs7Ozs7Ozs7R0FVVDt3REFLRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9pbWFnZS9pbWFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQmFubmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFubmVyL2Jhbm5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTm9Db250ZW50TWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLW5vLWNvbnRlbnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSW1hZ2VDb21wb25lbnQsIEJhbm5lckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChwcm9wcy50b3BDb250ZW50KSB7XG4gICAgICA8ZGl2PlxuICAgICAgICA8dmFsLWJhbm5lciBbcHJvcHNdPVwicHJvcHMudG9wQ29udGVudFwiIChvbkNsaWNrKT1cIm9uQ2xpY2tIYW5kbGVyKCRldmVudClcIj48L3ZhbC1iYW5uZXI+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgPHZhbC1pbWFnZSBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiIFtwcm9wc109XCJwcm9wcy5pbWFnZVwiPjwvdmFsLWltYWdlPlxuICAgIDxkaXY+XG4gICAgICA8dmFsLWJhbm5lciBbcHJvcHNdPVwicHJvcHMuYm90dG9tQ29udGVudFwiIChvbkNsaWNrKT1cIm9uQ2xpY2tIYW5kbGVyKCRldmVudClcIj48L3ZhbC1iYW5uZXI+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL25vLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTm9Db250ZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgcHJvcHM6IE5vQ29udGVudE1ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBvbkNsaWNrSGFuZGxlcih0b2tlbjogc3RyaW5nKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodG9rZW4pO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/organisms/no-content/types.mjs

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

package/esm2022/lib/components/organisms/toolbar/toolbar.component.mjs

@@ -0,0 +1,171 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { IonButton, IonButtons, IonIcon, IonText, IonTitle, IonToolbar } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { chevronBackOutline } from 'ionicons/icons';
+import { AvatarComponent } from '../../atoms/avatar/avatar.component';
+import { ImageComponent } from '../../atoms/image/image.component';
+import { ToolbarActionType } from '../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+import * as i2 from "@angular/common";
+export class ToolbarComponent {
+    constructor(navCtrl) {
+        this.navCtrl = navCtrl;
+        this.onClick = new EventEmitter();
+        this.actionTypes = ToolbarActionType;
+        addIcons({ chevronBackOutline });
+    }
+    ngOnInit() { }
+    goBack() {
+        this.navCtrl.back();
+    }
+    rightActions() {
+        return this.props.actions.filter(x => x.position === 'right');
+    }
+    leftActions() {
+        return this.props.actions.filter(x => x.position === 'left');
+    }
+    someInRight() {
+        return !!this.props.actions.find(x => x.position === 'right');
+    }
+    someInLeft() {
+        return !!this.props.actions.find(x => x.position === 'left');
+    }
+    clickHandler(token) {
+        this.onClick.emit(token);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToolbarComponent, isStandalone: true, selector: "val-toolbar", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <ion-toolbar [color]="props.color" [class.background]="props.color === 'background'">
+      <ng-container *ngIf="props.withBack">
+        <ion-buttons class="left-buttons" slot="start" *ngIf="props.withBack">
+          <ion-button fill="clear" (click)="goBack()" [color]="props.textColor">
+            <ion-icon name="chevron-back-outline" [slot]="props.backText ? 'start' : 'icon-only'"></ion-icon>
+            <ion-text *ngIf="props.backText">{{ props.backText }}</ion-text>
+          </ion-button>
+        </ion-buttons>
+      </ng-container>
+      <ng-container *ngIf="props.withActions">
+        <ion-buttons slot="end" *ngIf="someInRight()">
+          <ng-container *ngFor="let action of rightActions()">
+            <ion-button *ngIf="action.type === actionTypes.ICON" (click)="clickHandler(action.token)">
+              <ion-icon slot="icon-only" [name]="action.description" color="dark"></ion-icon>
+            </ion-button>
+            <val-avatar
+              *ngIf="action.type === actionTypes.AVATAR"
+              [props]="{ size: 'small', image: action.description, default: '' }"
+              (onClick)="clickHandler(action.token)"
+            ></val-avatar>
+            <val-image
+              *ngIf="action.type === actionTypes.IMAGE"
+              [props]="action.image"
+              (click)="clickHandler(action.token)"
+            ></val-image>
+            <ion-button *ngIf="action.type === actionTypes.BUTTON" (click)="clickHandler(action.token)">{{
+              action.description
+            }}</ion-button>
+          </ng-container>
+        </ion-buttons>
+        <ion-buttons slot="start" *ngIf="someInLeft()">
+          <ng-container *ngFor="let action of leftActions()">
+            <ion-button *ngIf="action.type === actionTypes.ICON" (click)="clickHandler(action.token)">
+              <ion-icon slot="icon-only" [name]="action.description" color="dark"></ion-icon>
+            </ion-button>
+            <val-avatar
+              *ngIf="action.type === actionTypes.AVATAR"
+              [props]="{ size: 'small', image: action.description, default: '' }"
+              (onClick)="clickHandler(action.token)"
+            ></val-avatar>
+            <val-image
+              *ngIf="action.type === actionTypes.IMAGE"
+              [props]="action.image"
+              (click)="clickHandler(action.token)"
+            ></val-image>
+            <ion-button *ngIf="action.type === actionTypes.BUTTON" (click)="clickHandler(action.token)">{{
+              action.description
+            }}</ion-button>
+          </ng-container>
+        </ion-buttons>
+      </ng-container>
+      <ion-title *ngIf="props.title" [color]="props.textColor">{{ props.title }}</ion-title>
+      <!-- experimental -->
+      <ng-content select="[toolbar-bottom]"></ng-content>
+    </ion-toolbar>
+  `, isInline: true, styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.left-buttons{margin-left:-1rem}.background{background:var(--ion-background-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: AvatarComponent, selector: "val-avatar", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-toolbar', standalone: true, imports: [
+                        CommonModule,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonText,
+                        IonTitle,
+                        AvatarComponent,
+                        ImageComponent,
+                    ], template: `
+    <ion-toolbar [color]="props.color" [class.background]="props.color === 'background'">
+      <ng-container *ngIf="props.withBack">
+        <ion-buttons class="left-buttons" slot="start" *ngIf="props.withBack">
+          <ion-button fill="clear" (click)="goBack()" [color]="props.textColor">
+            <ion-icon name="chevron-back-outline" [slot]="props.backText ? 'start' : 'icon-only'"></ion-icon>
+            <ion-text *ngIf="props.backText">{{ props.backText }}</ion-text>
+          </ion-button>
+        </ion-buttons>
+      </ng-container>
+      <ng-container *ngIf="props.withActions">
+        <ion-buttons slot="end" *ngIf="someInRight()">
+          <ng-container *ngFor="let action of rightActions()">
+            <ion-button *ngIf="action.type === actionTypes.ICON" (click)="clickHandler(action.token)">
+              <ion-icon slot="icon-only" [name]="action.description" color="dark"></ion-icon>
+            </ion-button>
+            <val-avatar
+              *ngIf="action.type === actionTypes.AVATAR"
+              [props]="{ size: 'small', image: action.description, default: '' }"
+              (onClick)="clickHandler(action.token)"
+            ></val-avatar>
+            <val-image
+              *ngIf="action.type === actionTypes.IMAGE"
+              [props]="action.image"
+              (click)="clickHandler(action.token)"
+            ></val-image>
+            <ion-button *ngIf="action.type === actionTypes.BUTTON" (click)="clickHandler(action.token)">{{
+              action.description
+            }}</ion-button>
+          </ng-container>
+        </ion-buttons>
+        <ion-buttons slot="start" *ngIf="someInLeft()">
+          <ng-container *ngFor="let action of leftActions()">
+            <ion-button *ngIf="action.type === actionTypes.ICON" (click)="clickHandler(action.token)">
+              <ion-icon slot="icon-only" [name]="action.description" color="dark"></ion-icon>
+            </ion-button>
+            <val-avatar
+              *ngIf="action.type === actionTypes.AVATAR"
+              [props]="{ size: 'small', image: action.description, default: '' }"
+              (onClick)="clickHandler(action.token)"
+            ></val-avatar>
+            <val-image
+              *ngIf="action.type === actionTypes.IMAGE"
+              [props]="action.image"
+              (click)="clickHandler(action.token)"
+            ></val-image>
+            <ion-button *ngIf="action.type === actionTypes.BUTTON" (click)="clickHandler(action.token)">{{
+              action.description
+            }}</ion-button>
+          </ng-container>
+        </ion-buttons>
+      </ng-container>
+      <ion-title *ngIf="props.title" [color]="props.textColor">{{ props.title }}</ion-title>
+      <!-- experimental -->
+      <ng-content select="[toolbar-bottom]"></ng-content>
+    </ion-toolbar>
+  `, styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.left-buttons{margin-left:-1rem}.background{background:var(--ion-background-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NavController }], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNuRSxPQUFPLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7O0FBNEUvRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUzNCLFlBQW9CLE9BQXNCO1FBQXRCLFlBQU8sR0FBUCxPQUFPLENBQWU7UUFKMUMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFckMsZ0JBQVcsR0FBRyxpQkFBaUIsQ0FBQztRQUc5QixRQUFRLENBQUMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELFFBQVEsS0FBSSxDQUFDO0lBRWIsTUFBTTtRQUNKLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEtBQUssT0FBTyxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEtBQUssTUFBTSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxLQUFLLE9BQU8sQ0FBQyxDQUFDO0lBQ2hFLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsS0FBSyxNQUFNLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FyQ1UsZ0JBQWdCO21HQUFoQixnQkFBZ0Isb0lBM0RqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3RFQsOE5BbEVDLFlBQVksZ1FBQ1osVUFBVSxtRkFDVixVQUFVLDhFQUNWLFNBQVMsb1BBQ1QsT0FBTywySkFDUCxPQUFPLGdGQUNQLFFBQVEsaUZBQ1IsZUFBZSxnR0FDZixjQUFjOzs0RkE2REwsZ0JBQWdCO2tCQXpFNUIsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixVQUFVO3dCQUNWLFNBQVM7d0JBQ1QsT0FBTzt3QkFDUCxPQUFPO3dCQUNQLFFBQVE7d0JBQ1IsZUFBZTt3QkFDZixjQUFjO3FCQUNmLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0RUO2tGQUtELEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2Q29udHJvbGxlciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcbmltcG9ydCB7IElvbkJ1dHRvbiwgSW9uQnV0dG9ucywgSW9uSWNvbiwgSW9uVGV4dCwgSW9uVGl0bGUsIElvblRvb2xiYXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IGFkZEljb25zIH0gZnJvbSAnaW9uaWNvbnMnO1xuaW1wb3J0IHsgY2hldnJvbkJhY2tPdXRsaW5lIH0gZnJvbSAnaW9uaWNvbnMvaWNvbnMnO1xuaW1wb3J0IHsgQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9pbWFnZS9pbWFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVG9vbGJhckFjdGlvbiwgVG9vbGJhckFjdGlvblR5cGUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBUb29sYmFyTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXRvb2xiYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIElvblRvb2xiYXIsXG4gICAgSW9uQnV0dG9ucyxcbiAgICBJb25CdXR0b24sXG4gICAgSW9uSWNvbixcbiAgICBJb25UZXh0LFxuICAgIElvblRpdGxlLFxuICAgIEF2YXRhckNvbXBvbmVudCxcbiAgICBJbWFnZUNvbXBvbmVudCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLXRvb2xiYXIgW2NvbG9yXT1cInByb3BzLmNvbG9yXCIgW2NsYXNzLmJhY2tncm91bmRdPVwicHJvcHMuY29sb3IgPT09ICdiYWNrZ3JvdW5kJ1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInByb3BzLndpdGhCYWNrXCI+XG4gICAgICAgIDxpb24tYnV0dG9ucyBjbGFzcz1cImxlZnQtYnV0dG9uc1wiIHNsb3Q9XCJzdGFydFwiICpuZ0lmPVwicHJvcHMud2l0aEJhY2tcIj5cbiAgICAgICAgICA8aW9uLWJ1dHRvbiBmaWxsPVwiY2xlYXJcIiAoY2xpY2spPVwiZ29CYWNrKClcIiBbY29sb3JdPVwicHJvcHMudGV4dENvbG9yXCI+XG4gICAgICAgICAgICA8aW9uLWljb24gbmFtZT1cImNoZXZyb24tYmFjay1vdXRsaW5lXCIgW3Nsb3RdPVwicHJvcHMuYmFja1RleHQgPyAnc3RhcnQnIDogJ2ljb24tb25seSdcIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgPGlvbi10ZXh0ICpuZ0lmPVwicHJvcHMuYmFja1RleHRcIj57eyBwcm9wcy5iYWNrVGV4dCB9fTwvaW9uLXRleHQ+XG4gICAgICAgICAgPC9pb24tYnV0dG9uPlxuICAgICAgICA8L2lvbi1idXR0b25zPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicHJvcHMud2l0aEFjdGlvbnNcIj5cbiAgICAgICAgPGlvbi1idXR0b25zIHNsb3Q9XCJlbmRcIiAqbmdJZj1cInNvbWVJblJpZ2h0KClcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgcmlnaHRBY3Rpb25zKClcIj5cbiAgICAgICAgICAgIDxpb24tYnV0dG9uICpuZ0lmPVwiYWN0aW9uLnR5cGUgPT09IGFjdGlvblR5cGVzLklDT05cIiAoY2xpY2spPVwiY2xpY2tIYW5kbGVyKGFjdGlvbi50b2tlbilcIj5cbiAgICAgICAgICAgICAgPGlvbi1pY29uIHNsb3Q9XCJpY29uLW9ubHlcIiBbbmFtZV09XCJhY3Rpb24uZGVzY3JpcHRpb25cIiBjb2xvcj1cImRhcmtcIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgPC9pb24tYnV0dG9uPlxuICAgICAgICAgICAgPHZhbC1hdmF0YXJcbiAgICAgICAgICAgICAgKm5nSWY9XCJhY3Rpb24udHlwZSA9PT0gYWN0aW9uVHlwZXMuQVZBVEFSXCJcbiAgICAgICAgICAgICAgW3Byb3BzXT1cInsgc2l6ZTogJ3NtYWxsJywgaW1hZ2U6IGFjdGlvbi5kZXNjcmlwdGlvbiwgZGVmYXVsdDogJycgfVwiXG4gICAgICAgICAgICAgIChvbkNsaWNrKT1cImNsaWNrSGFuZGxlcihhY3Rpb24udG9rZW4pXCJcbiAgICAgICAgICAgID48L3ZhbC1hdmF0YXI+XG4gICAgICAgICAgICA8dmFsLWltYWdlXG4gICAgICAgICAgICAgICpuZ0lmPVwiYWN0aW9uLnR5cGUgPT09IGFjdGlvblR5cGVzLklNQUdFXCJcbiAgICAgICAgICAgICAgW3Byb3BzXT1cImFjdGlvbi5pbWFnZVwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJjbGlja0hhbmRsZXIoYWN0aW9uLnRva2VuKVwiXG4gICAgICAgICAgICA+PC92YWwtaW1hZ2U+XG4gICAgICAgICAgICA8aW9uLWJ1dHRvbiAqbmdJZj1cImFjdGlvbi50eXBlID09PSBhY3Rpb25UeXBlcy5CVVRUT05cIiAoY2xpY2spPVwiY2xpY2tIYW5kbGVyKGFjdGlvbi50b2tlbilcIj57e1xuICAgICAgICAgICAgICBhY3Rpb24uZGVzY3JpcHRpb25cbiAgICAgICAgICAgIH19PC9pb24tYnV0dG9uPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2lvbi1idXR0b25zPlxuICAgICAgICA8aW9uLWJ1dHRvbnMgc2xvdD1cInN0YXJ0XCIgKm5nSWY9XCJzb21lSW5MZWZ0KClcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgbGVmdEFjdGlvbnMoKVwiPlxuICAgICAgICAgICAgPGlvbi1idXR0b24gKm5nSWY9XCJhY3Rpb24udHlwZSA9PT0gYWN0aW9uVHlwZXMuSUNPTlwiIChjbGljayk9XCJjbGlja0hhbmRsZXIoYWN0aW9uLnRva2VuKVwiPlxuICAgICAgICAgICAgICA8aW9uLWljb24gc2xvdD1cImljb24tb25seVwiIFtuYW1lXT1cImFjdGlvbi5kZXNjcmlwdGlvblwiIGNvbG9yPVwiZGFya1wiPjwvaW9uLWljb24+XG4gICAgICAgICAgICA8L2lvbi1idXR0b24+XG4gICAgICAgICAgICA8dmFsLWF2YXRhclxuICAgICAgICAgICAgICAqbmdJZj1cImFjdGlvbi50eXBlID09PSBhY3Rpb25UeXBlcy5BVkFUQVJcIlxuICAgICAgICAgICAgICBbcHJvcHNdPVwieyBzaXplOiAnc21hbGwnLCBpbWFnZTogYWN0aW9uLmRlc2NyaXB0aW9uLCBkZWZhdWx0OiAnJyB9XCJcbiAgICAgICAgICAgICAgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKGFjdGlvbi50b2tlbilcIlxuICAgICAgICAgICAgPjwvdmFsLWF2YXRhcj5cbiAgICAgICAgICAgIDx2YWwtaW1hZ2VcbiAgICAgICAgICAgICAgKm5nSWY9XCJhY3Rpb24udHlwZSA9PT0gYWN0aW9uVHlwZXMuSU1BR0VcIlxuICAgICAgICAgICAgICBbcHJvcHNdPVwiYWN0aW9uLmltYWdlXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrSGFuZGxlcihhY3Rpb24udG9rZW4pXCJcbiAgICAgICAgICAgID48L3ZhbC1pbWFnZT5cbiAgICAgICAgICAgIDxpb24tYnV0dG9uICpuZ0lmPVwiYWN0aW9uLnR5cGUgPT09IGFjdGlvblR5cGVzLkJVVFRPTlwiIChjbGljayk9XCJjbGlja0hhbmRsZXIoYWN0aW9uLnRva2VuKVwiPnt7XG4gICAgICAgICAgICAgIGFjdGlvbi5kZXNjcmlwdGlvblxuICAgICAgICAgICAgfX08L2lvbi1idXR0b24+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvaW9uLWJ1dHRvbnM+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxpb24tdGl0bGUgKm5nSWY9XCJwcm9wcy50aXRsZVwiIFtjb2xvcl09XCJwcm9wcy50ZXh0Q29sb3JcIj57eyBwcm9wcy50aXRsZSB9fTwvaW9uLXRpdGxlPlxuICAgICAgPCEtLSBleHBlcmltZW50YWwgLS0+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdG9vbGJhci1ib3R0b21dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvaW9uLXRvb2xiYXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Rvb2xiYXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVG9vbGJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBUb29sYmFyTWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBhY3Rpb25UeXBlcyA9IFRvb2xiYXJBY3Rpb25UeXBlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmF2Q3RybDogTmF2Q29udHJvbGxlcikge1xuICAgIGFkZEljb25zKHsgY2hldnJvbkJhY2tPdXRsaW5lIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIGdvQmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLm5hdkN0cmwuYmFjaygpO1xuICB9XG5cbiAgcmlnaHRBY3Rpb25zKCk6IFRvb2xiYXJBY3Rpb25bXSB7XG4gICAgcmV0dXJuIHRoaXMucHJvcHMuYWN0aW9ucy5maWx0ZXIoeCA9PiB4LnBvc2l0aW9uID09PSAncmlnaHQnKTtcbiAgfVxuXG4gIGxlZnRBY3Rpb25zKCk6IFRvb2xiYXJBY3Rpb25bXSB7XG4gICAgcmV0dXJuIHRoaXMucHJvcHMuYWN0aW9ucy5maWx0ZXIoeCA9PiB4LnBvc2l0aW9uID09PSAnbGVmdCcpO1xuICB9XG5cbiAgc29tZUluUmlnaHQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5wcm9wcy5hY3Rpb25zLmZpbmQoeCA9PiB4LnBvc2l0aW9uID09PSAncmlnaHQnKTtcbiAgfVxuXG4gIHNvbWVJbkxlZnQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5wcm9wcy5hY3Rpb25zLmZpbmQoeCA9PiB4LnBvc2l0aW9uID09PSAnbGVmdCcpO1xuICB9XG5cbiAgY2xpY2tIYW5kbGVyKHRva2VuPzogc3RyaW5nKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodG9rZW4pO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/organisms/toolbar/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy90b29sYmFyL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvciB9IGZyb20gJ0Bpb25pYy9jb3JlJztcbmltcG9ydCB7IFRvb2xiYXJBY3Rpb24gfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFRvb2xiYXJNZXRhZGF0YSA9IHtcbiAgd2l0aEJhY2s6IGJvb2xlYW47XG4gIGJhY2tUZXh0Pzogc3RyaW5nO1xuICB3aXRoQWN0aW9uczogYm9vbGVhbjtcbiAgY29sb3I/OiBDb2xvcjtcbiAgdGV4dENvbG9yPzogQ29sb3I7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGFjdGlvbnM6IFRvb2xiYXJBY3Rpb25bXTtcbn07XG4iXX0=