@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/theseam-ui-common-asset-reader.mjs +10 -10
- package/fesm2022/theseam-ui-common-breadcrumbs.mjs +6 -6
- package/fesm2022/theseam-ui-common-buttons.mjs +25 -25
- package/fesm2022/theseam-ui-common-card.mjs +16 -16
- package/fesm2022/theseam-ui-common-carousel.mjs +10 -10
- package/fesm2022/theseam-ui-common-checkbox.mjs +7 -7
- package/fesm2022/theseam-ui-common-confirm-dialog.mjs +13 -13
- package/fesm2022/theseam-ui-common-data-exporter.mjs +10 -10
- package/fesm2022/theseam-ui-common-data-filters.mjs +13 -13
- package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs +12 -12
- package/fesm2022/theseam-ui-common-datatable-dynamic.mjs +25 -25
- package/fesm2022/theseam-ui-common-datatable.mjs +106 -106
- package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs +7 -7
- package/fesm2022/theseam-ui-common-dynamic.mjs +21 -21
- package/fesm2022/theseam-ui-common-footer-bar.mjs +7 -7
- package/fesm2022/theseam-ui-common-form-field-error.mjs +16 -16
- package/fesm2022/theseam-ui-common-form-field.mjs +22 -22
- package/fesm2022/theseam-ui-common-framework.mjs +157 -157
- package/fesm2022/theseam-ui-common-google-maps.mjs +40 -40
- package/fesm2022/theseam-ui-common-graphql.mjs +66 -66
- package/fesm2022/theseam-ui-common-graphql.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-icon.mjs +13 -13
- package/fesm2022/theseam-ui-common-layout.mjs +7 -7
- package/fesm2022/theseam-ui-common-loading.mjs +10 -10
- package/fesm2022/theseam-ui-common-menu.mjs +25 -25
- package/fesm2022/theseam-ui-common-modal.mjs +43 -43
- package/fesm2022/theseam-ui-common-navigation-reload.mjs +3 -3
- package/fesm2022/theseam-ui-common-popover.mjs +10 -10
- package/fesm2022/theseam-ui-common-progress.mjs +7 -7
- package/fesm2022/theseam-ui-common-rich-text.mjs +7 -7
- package/fesm2022/theseam-ui-common-scrollbar.mjs +6 -6
- package/fesm2022/theseam-ui-common-services.mjs +12 -12
- package/fesm2022/theseam-ui-common-shared.mjs +37 -37
- package/fesm2022/theseam-ui-common-storage.mjs +3 -3
- package/fesm2022/theseam-ui-common-story-helpers.mjs +26 -26
- package/fesm2022/theseam-ui-common-tabbed.mjs +22 -22
- package/fesm2022/theseam-ui-common-table-cell-type.mjs +10 -10
- package/fesm2022/theseam-ui-common-table-cell-types.mjs +31 -31
- package/fesm2022/theseam-ui-common-table.mjs +16 -16
- package/fesm2022/theseam-ui-common-tel-input.mjs +13 -13
- package/fesm2022/theseam-ui-common-tiled-select.mjs +22 -22
- package/fesm2022/theseam-ui-common-toggle-edit.mjs +16 -16
- package/fesm2022/theseam-ui-common-toggle-group.mjs +10 -10
- package/fesm2022/theseam-ui-common-tooltip.mjs +10 -10
- package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs +10 -10
- package/fesm2022/theseam-ui-common-vertical-list-filter.mjs +3 -3
- package/fesm2022/theseam-ui-common-viewers.mjs +12 -12
- package/fesm2022/theseam-ui-common-widget.mjs +135 -135
- package/graphql/index.d.ts +44 -2
- package/package.json +50 -50
|
@@ -56,10 +56,10 @@ class TheSeamTiledSelectHarness extends ComponentHarness {
|
|
|
56
56
|
class TheSeamTiledSelectTileOverlayDirective {
|
|
57
57
|
template = inject((TemplateRef));
|
|
58
58
|
record;
|
|
59
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
60
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
59
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileOverlayDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
60
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTiledSelectTileOverlayDirective, isStandalone: true, selector: "[seamTiledSelectTileOverlay]", inputs: { record: "record" }, exportAs: ["seamTiledSelectTileOverlay"], ngImport: i0 });
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileOverlayDirective, decorators: [{
|
|
63
63
|
type: Directive,
|
|
64
64
|
args: [{
|
|
65
65
|
selector: '[seamTiledSelectTileOverlay]',
|
|
@@ -71,10 +71,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
71
71
|
|
|
72
72
|
class TheSeamTiledSelectTileLabelTplDirective {
|
|
73
73
|
template = inject((TemplateRef));
|
|
74
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
75
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
74
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileLabelTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
75
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTiledSelectTileLabelTplDirective, isStandalone: true, selector: "[seamTiledSelectTileLabelTpl]", exportAs: ["seamTiledSelectTileLabelTpl"], ngImport: i0 });
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileLabelTplDirective, decorators: [{
|
|
78
78
|
type: Directive,
|
|
79
79
|
args: [{
|
|
80
80
|
selector: '[seamTiledSelectTileLabelTpl]',
|
|
@@ -84,10 +84,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
84
84
|
|
|
85
85
|
class TheSeamTiledSelectTileIconTplDirective {
|
|
86
86
|
template = inject((TemplateRef));
|
|
87
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
88
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
87
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileIconTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
88
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTiledSelectTileIconTplDirective, isStandalone: true, selector: "[seamTiledSelectTileIconTpl]", exportAs: ["seamTiledSelectTileIconTpl"], ngImport: i0 });
|
|
89
89
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileIconTplDirective, decorators: [{
|
|
91
91
|
type: Directive,
|
|
92
92
|
args: [{
|
|
93
93
|
selector: '[seamTiledSelectTileIconTpl]',
|
|
@@ -122,8 +122,8 @@ class TheSeamTiledSelectTileIconComponent {
|
|
|
122
122
|
_iconUrl;
|
|
123
123
|
_iconObj;
|
|
124
124
|
iconTpl;
|
|
125
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
126
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
125
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
126
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTiledSelectTileIconComponent, isStandalone: true, selector: "seam-tiled-select-tile-icon", inputs: { layout: "layout", grayscaleOnDisable: "grayscaleOnDisable", disabled: "disabled", iconClass: "iconClass", icon: "icon" }, host: { properties: { "class.grid": "this._cssClassGrid", "class.list": "this._cssClassList" } }, queries: [{ propertyName: "iconTpl", first: true, predicate: TheSeamTiledSelectTileIconTplDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-container *ngIf=\"iconTpl; else noIconTpl\">\n <ng-template\n [ngTemplateOutlet]=\"iconTpl.template\"\n [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon }\">\n </ng-template>\n</ng-container>\n<ng-template #noIconTpl>\n\n <fa-icon *ngIf=\"_iconObj\"\n class=\"tiled-select-tile-icon--fa {{ iconClass }}\"\n [icon]=\"_iconObj\"></fa-icon>\n\n <ng-container *ngIf=\"_iconUrl\">\n <!-- Partial fix for IE greyscale -->\n <ng-container *ngIf=\"needToFix\">\n <ng-container *ngIf=\"disabled && grayscaleOnDisable\">\n <span class=\"grayscale-fix\" style=\"display: inline-block; position: relative;\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"svgroot\" style=\"position: absolute; left: 0; right: 0;\" viewBox=\"0 0 48 48\" width=\"100%\" height=\"100%\">\n <defs><filter id=\"gray\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\" /></filter></defs>\n <image filter=\"url("#gray")\" preserveAspectRatio=\"none meet\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n [attr.xlink:href]=\"_iconUrl\" />\n </svg>\n <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" style=\"display: block; visibility: hidden;\" alt=\"Icon\" [src]=\"_iconUrl\">\n </span>\n </ng-container>\n <ng-container *ngIf=\"!disabled\">\n <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!needToFix\">\n <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n </ng-container>\n </ng-container>\n\n</ng-template>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;overflow:hidden}:host.grid{flex:1 1 auto;margin:0 auto;display:flex;align-items:center;width:100%}:host.grid .tiled-select-tile-panel--icon-img{width:100%;max-width:75px;max-height:75px;margin:0 auto}:host.grid .tiled-select-tile-panel--icon-img[src$=\".svg\"]{height:100%}:host.grid>.grayscale-fix{max-width:75px;max-height:75px;margin:0 auto}:host.list{border:1px solid rgb(230,230,230);border-radius:8px;min-width:39px;width:39px;min-height:39px;height:39px;padding:1px;align-items:center;display:flex}:host.list img{max-width:100%;max-height:100%;margin:0 auto}.grey-fix{visibility:hidden;display:block}.tiled-select-tile-icon--fa{height:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%;padding:2px}.tiled-select-tile-icon--fa ::ng-deep .svg-inline--fa{max-width:100%;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
127
127
|
}
|
|
128
128
|
__decorate([
|
|
129
129
|
InputBoolean()
|
|
@@ -131,7 +131,7 @@ __decorate([
|
|
|
131
131
|
__decorate([
|
|
132
132
|
InputBoolean()
|
|
133
133
|
], TheSeamTiledSelectTileIconComponent.prototype, "disabled", void 0);
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileIconComponent, decorators: [{
|
|
135
135
|
type: Component,
|
|
136
136
|
args: [{ selector: 'seam-tiled-select-tile-icon', imports: [
|
|
137
137
|
NgIf,
|
|
@@ -224,8 +224,8 @@ class TheSeamTiledSelectTileComponent {
|
|
|
224
224
|
this.pulsingTimeout = undefined;
|
|
225
225
|
}, 750);
|
|
226
226
|
}
|
|
227
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
228
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
227
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
228
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTiledSelectTileComponent, isStandalone: true, selector: "seam-tiled-select-tile", inputs: { layout: "layout", name: "name", label: "label", icon: "icon", disabled: "disabled", selected: "selected", tileBackdrop: "tileBackdrop", selectable: "selectable", grayscaleOnDisable: "grayscaleOnDisable", showLabel: "showLabel", showSelectedIcon: "showSelectedIcon", iconClass: "iconClass", overlayTpl: "overlayTpl" }, outputs: { activated: "activated" }, host: { properties: { "@pulse": "this.pulseAnimationState", "attr.data-tile-name": "this._tileNameAttr" } }, queries: [{ propertyName: "labelTpl", first: true, predicate: TheSeamTiledSelectTileLabelTplDirective, descendants: true, static: true }], ngImport: i0, template: "<button\n class=\"btn tiled-select-tile-panel\"\n [disabled]=\"disabled\"\n [class.grid]=\"layout === 'grid'\"\n [class.list]=\"layout === 'list'\"\n [class.selected]=\"selectable && selected\"\n [class.selectable]=\"selectable\"\n [class.no-grayscale]=\"!grayscaleOnDisable\"\n (click)=\"onTileClick($event)\"\n [@pulse]=\"pulsing ? true : false\"\n [attr.data-category]=\"name\"\n [attr.title]=\"showLabel ? '' : label\"\n type=\"button\">\n <div class=\"tiled-select-tile-panel--content\">\n <seam-tiled-select-tile-icon\n class=\"tiled-select-tile-panel--icon\"\n [class.invisible]=\"!icon\"\n [icon]=\"icon\"\n [iconClass]=\"iconClass\"\n [layout]=\"layout\"\n [grayscaleOnDisable]=\"grayscaleOnDisable\"\n [disabled]=\"disabled\">\n </seam-tiled-select-tile-icon>\n <div class=\"tiled-select-tile-panel--label-container\" *ngIf=\"showLabel\">\n <span *ngIf=\"!labelTpl\" class=\"tiled-select-tile-panel--label\">{{ label }}</span>\n <ng-template *ngIf=\"labelTpl\"\n [ngTemplateOutlet]=\"labelTpl.template\"\n [ngTemplateOutletContext]=\"{ $implicit: label, label: label }\">\n </ng-template>\n </div>\n <div *ngIf=\"tileBackdrop\" class=\"selected-backdrop\"\n [class.bg-success]=\"selected\"></div>\n <fa-icon\n *ngIf=\"selected && showSelectedIcon\"\n class=\"tiled-select-tile-panel--selected text-success\"\n [icon]=\"faCheckCircle\"\n size=\"3x\">\n </fa-icon>\n </div>\n <div class=\"tiled-select-tile-panel--overlay\" *ngIf=\"overlayTpl\">\n <ng-template [ngTemplateOutlet]=\"overlayTpl.template\"></ng-template>\n </div>\n</button>\n", styles: [":host{display:block}.tiled-select-tile-panel{width:100%;height:100%;box-sizing:border-box;border:1px solid rgb(230,230,230);background-color:#fff;color:#505050;position:relative;overflow:hidden}.tiled-select-tile-panel:disabled:not(.no-grayscale){filter:grayscale(1)}.tiled-select-tile-panel .grey-fix{visibility:hidden;display:block}.tiled-select-tile-panel.selected{border:1px solid rgb(60,150,200)}.tiled-select-tile-panel.selectable:hover:not(:disabled){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;cursor:pointer}.tiled-select-tile-panel.selectable:focus:not(:disabled){outline:none}.tiled-select-tile-panel:not(.selectable){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.tiled-select-tile-panel .tiled-select-tile-panel--content{display:flex;height:100%;width:100%}.tiled-select-tile-panel .tiled-select-tile-panel--content .tiled-select-tile-panel--selected{position:absolute;top:4px;right:4px}.tiled-select-tile-panel .tiled-select-tile-panel--content .selected-backdrop{opacity:.2;position:absolute;inset:0;border-radius:15px;transition:ease-in-out .2s background-color;pointer-events:none}.tiled-select-tile-panel .tiled-select-tile-panel--overlay{position:absolute;inset:0}.tiled-select-tile-panel.grid{border-radius:15px;padding:0;margin:0}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content{flex-direction:column}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content .selected-backdrop{border-radius:15px}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{flex:0 0 auto;height:2.5em;line-height:1em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{display:block;font-size:90%;padding:0 1em;white-space:initial}@media screen and (max-width: 600px){.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:2rem;line-height:.9em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{font-size:13px;padding:0 .7em}}.tiled-select-tile-panel.list{border-radius:10px;padding:4px}.tiled-select-tile-panel.list .tiled-select-tile-panel--content{flex-direction:row}.tiled-select-tile-panel.list .tiled-select-tile-panel--content .selected-backdrop{border-radius:10px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container{display:flex;max-height:100%;flex-direction:column;padding-right:40px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{padding:0 6px;text-align:left;margin:auto 0;font-size:80%;white-space:initial}.tiled-select-tile-panel.list .tiled-select-tile-panel--selected ::ng-deep .svg-inline--fa{height:39px}:host(.other-org) .tiled-select-tile-panel.grid{border:0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled){box-shadow:0 0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled) .tiled-select-tile-panel--label-container{text-decoration:underline}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--icon,:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--selected.text-success{display:none}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:auto;color:#357ebd}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label{padding:.5rem 1rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: TheSeamTiledSelectTileIconComponent, selector: "seam-tiled-select-tile-icon", inputs: ["layout", "grayscaleOnDisable", "disabled", "iconClass", "icon"] }], animations: [
|
|
229
229
|
trigger('pulse', [
|
|
230
230
|
transition('false => true', [
|
|
231
231
|
useAnimation(tilePulse)
|
|
@@ -263,7 +263,7 @@ __decorate([
|
|
|
263
263
|
__decorate([
|
|
264
264
|
InputBoolean()
|
|
265
265
|
], TheSeamTiledSelectTileComponent.prototype, "showSelectedIcon", void 0);
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectTileComponent, decorators: [{
|
|
267
267
|
type: Component,
|
|
268
268
|
args: [{ selector: 'seam-tiled-select-tile', animations: [
|
|
269
269
|
trigger('pulse', [
|
|
@@ -474,8 +474,8 @@ class TheSeamTiledSelectComponent {
|
|
|
474
474
|
// console.log('overlayTpls', this.overlayTpls)
|
|
475
475
|
return (this.overlayTpls || []).find(t => t.record?.name === tile.name);
|
|
476
476
|
}
|
|
477
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
478
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
477
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
478
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTiledSelectComponent, isStandalone: true, selector: "seam-tiled-select", inputs: { layout: "layout", tiles: "tiles", val: ["value", "val"], disabled: "disabled", multiple: "multiple", selectionToggleable: "selectionToggleable", tileBackdrop: "tileBackdrop", showSelectedIcon: "showSelectedIcon", animationsDisabled: "animationsDisabled" }, outputs: { change: "change" }, host: { properties: { "attr.data-testid": "\"tiled-select\"" } }, providers: [TILED_SELECT_VALUE_ACCESSOR], queries: [{ propertyName: "overlayTpls", predicate: TheSeamTiledSelectTileOverlayDirective }], ngImport: i0, template: "<div class=\"tiled-select--container\"\n [class.grid]=\"layout === 'grid'\"\n [class.list]=\"layout === 'list'\"\n [@tiles]=\"tilesAnimationState\"\n [@.disabled]=\"animationsDisabled\">\n <ng-container *ngFor=\"let tile of tiles; let index = index\">\n <div class=\"tile-wrapper\" [ngClass]=\"tile.customClass || ''\">\n <seam-tiled-select-tile\n class=\"tiled-select-tile\"\n [ngClass]=\"tile.customClass || ''\"\n [name]=\"tile.name\"\n [label]=\"tile.label\"\n [icon]=\"tile.icon\"\n [disabled]=\"disabled || tile.disabled\"\n [attr.hidden]=\"tile.hidden\"\n [layout]=\"layout\"\n [selected]=\"isSelected(tile)\"\n [selectable]=\"true\"\n [tileBackdrop]=\"tileBackdrop\"\n [showSelectedIcon]=\"showSelectedIcon\"\n [overlayTpl]=\"getOverlayTpl(tile)\"\n (activated)=\"onTileSelected($event, tile)\"\n [attr.data-tile-index]=\"index\"\n [attr.data-testid]=\"tile.name\">\n </seam-tiled-select-tile>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:block;width:100%}.tiled-select--container{display:flex;flex-wrap:wrap;justify-content:center}.tiled-select--container.grid{flex-direction:row}.tiled-select--container.grid .tile-wrapper{padding:12px;width:200px;height:180px}.tiled-select--container.grid .tile-wrapper .tiled-select-tile{height:100%}.tiled-select--container.grid .tile-wrapper.other-org{width:auto;height:auto}@media screen and (max-width: 600px){.tiled-select--container.grid .tile-wrapper{padding:6px;width:150px;height:135px}}.tiled-select--container.list{flex-direction:column}.tiled-select--container.list .tile-wrapper{width:100%;height:50px}.tiled-select--container.list .tile-wrapper:not(:last-child){margin-bottom:4px}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TheSeamTiledSelectTileComponent, selector: "seam-tiled-select-tile", inputs: ["layout", "name", "label", "icon", "disabled", "selected", "tileBackdrop", "selectable", "grayscaleOnDisable", "showLabel", "showSelectedIcon", "iconClass", "overlayTpl"], outputs: ["activated"] }], animations: [
|
|
479
479
|
trigger('tiles', [
|
|
480
480
|
transition('* => *', [
|
|
481
481
|
query(':enter', useAnimation(slideEnterAnimation), { optional: true }),
|
|
@@ -501,7 +501,7 @@ __decorate([
|
|
|
501
501
|
__decorate([
|
|
502
502
|
InputBoolean()
|
|
503
503
|
], TheSeamTiledSelectComponent.prototype, "animationsDisabled", void 0);
|
|
504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectComponent, decorators: [{
|
|
505
505
|
type: Component,
|
|
506
506
|
args: [{ selector: 'seam-tiled-select', providers: [TILED_SELECT_VALUE_ACCESSOR], host: {
|
|
507
507
|
'[attr.data-testid]': '"tiled-select"',
|
|
@@ -543,8 +543,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
543
543
|
}] } });
|
|
544
544
|
|
|
545
545
|
class TheSeamTiledSelectModule {
|
|
546
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
547
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
546
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
547
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectModule, imports: [TheSeamTiledSelectComponent,
|
|
548
548
|
TheSeamTiledSelectTileComponent,
|
|
549
549
|
TheSeamTiledSelectTileOverlayDirective,
|
|
550
550
|
TheSeamTiledSelectTileIconTplDirective,
|
|
@@ -553,10 +553,10 @@ class TheSeamTiledSelectModule {
|
|
|
553
553
|
TheSeamTiledSelectTileOverlayDirective,
|
|
554
554
|
TheSeamTiledSelectTileIconTplDirective,
|
|
555
555
|
TheSeamTiledSelectTileLabelTplDirective] });
|
|
556
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
556
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectModule, imports: [TheSeamTiledSelectComponent,
|
|
557
557
|
TheSeamTiledSelectTileComponent] });
|
|
558
558
|
}
|
|
559
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
559
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTiledSelectModule, decorators: [{
|
|
560
560
|
type: NgModule,
|
|
561
561
|
args: [{
|
|
562
562
|
imports: [
|
|
@@ -19,10 +19,10 @@ import { TheSeamLoadingComponent } from '@theseam/ui-common/loading';
|
|
|
19
19
|
|
|
20
20
|
class ToggleEditDisplayTplDirective {
|
|
21
21
|
template = inject((TemplateRef));
|
|
22
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
23
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleEditDisplayTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
23
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: ToggleEditDisplayTplDirective, isStandalone: true, selector: "[seamToggleEditDisplayTpl]", exportAs: ["seamToggleEditDisplayTpl"], ngImport: i0 });
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleEditDisplayTplDirective, decorators: [{
|
|
26
26
|
type: Directive,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: '[seamToggleEditDisplayTpl]',
|
|
@@ -68,19 +68,19 @@ class TheSeamToggleEditKeyboardListenerService {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
72
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
72
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, providedIn: 'root' });
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, decorators: [{
|
|
75
75
|
type: Injectable,
|
|
76
76
|
args: [{ providedIn: 'root' }]
|
|
77
77
|
}] });
|
|
78
78
|
|
|
79
79
|
class TheSeamToggleEditActionsContainerComponent {
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamToggleEditActionsContainerComponent, isStandalone: true, selector: "seam-toggle-edit-actions-container", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] });
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{ selector: 'seam-toggle-edit-actions-container', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
|
|
86
86
|
}] });
|
|
@@ -443,8 +443,8 @@ class TheSeamToggleEditComponent {
|
|
|
443
443
|
actionsFocusChange(event) {
|
|
444
444
|
this._actionsFocused = !!event;
|
|
445
445
|
}
|
|
446
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
447
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
446
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
447
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamToggleEditComponent, isStandalone: true, selector: "seam-toggle-edit", inputs: { cancelOnBlur: "cancelOnBlur", waitOnSubmit: "waitOnSubmit", placeholder: "placeholder", editing: "editing" }, outputs: { changeAccepted: "changeAccepted", changeDeclined: "changeDeclined", editingChange: "editingChange" }, host: { properties: { "class.toggle-edit-active": "this._toggleEditActiveClass" } }, queries: [{ propertyName: "displayTpl", first: true, predicate: ToggleEditDisplayTplDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"toggle-edit-not-editing rounded\"\n [class.w-100]=\"editing\"\n [class.toggle-edit-editing]=\"editing\"\n [class.is-disabled]=\"disabled\"\n (seamElemResized)=\"resized()\">\n <div class=\"toggle-edit-content-container\">\n <div class=\"toggle-edit-content\" (click)=\"toggleEditing(true)\">\n <ng-container *ngIf=\"editing; else notEditingTpl\">\n <ng-content></ng-content>\n </ng-container>\n <ng-template #notEditingTpl>\n <ng-container *ngIf=\"displayTpl; else noDisplayTpl\">\n <ng-template [ngTemplateOutlet]=\"displayTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"></ng-template>\n </ng-container>\n <ng-template #noDisplayTpl>\n <div class=\"pl-1 pr-1\">\n {{ getValue() || placeholder }}\n </div>\n </ng-template>\n </ng-template>\n </div>\n <div>\n <ng-template *ngIf=\"!editing\" [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n <ng-template #templatePortalContent>\n <seam-toggle-edit-actions-container\n [class.bg-light]=\"editing\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"actionsFocusChange($event)\">\n <button *ngIf=\"!editing\"\n type=\"button\"\n class=\"toggle-edit-edit-btn btn text-secondary bg-transparent p-1 border-0\"\n (click)=\"toggleEditing(true)\">\n <fa-icon [icon]=\"faPen\"></fa-icon>\n </button>\n <button *ngIf=\"editing\"\n type=\"button\"\n [disabled]=\"!canSubmit()\"\n class=\"toggle-edit-submit-btn btn text-secondary bg-transparent p-1 border-0\"\n (click)=\"submitEdit()\">\n <fa-icon [icon]=\"faCheck\"></fa-icon>\n </button>\n <button *ngIf=\"editing\"\n type=\"button\"\n class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n (click)=\"cancelEdit()\">\n <fa-icon [icon]=\"faTimes\"></fa-icon>\n </button>\n </seam-toggle-edit-actions-container>\n </ng-template>\n </div>\n </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n", styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: TheSeamLoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: TheSeamToggleEditActionsContainerComponent, selector: "seam-toggle-edit-actions-container" }] });
|
|
448
448
|
}
|
|
449
449
|
__decorate([
|
|
450
450
|
InputBoolean()
|
|
@@ -452,7 +452,7 @@ __decorate([
|
|
|
452
452
|
__decorate([
|
|
453
453
|
InputBoolean()
|
|
454
454
|
], TheSeamToggleEditComponent.prototype, "waitOnSubmit", void 0);
|
|
455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditComponent, decorators: [{
|
|
456
456
|
type: Component,
|
|
457
457
|
args: [{ selector: 'seam-toggle-edit', imports: [
|
|
458
458
|
NgIf,
|
|
@@ -489,13 +489,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
489
489
|
}] } });
|
|
490
490
|
|
|
491
491
|
class TheSeamToggleEditModule {
|
|
492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
493
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
492
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
493
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, imports: [ToggleEditDisplayTplDirective,
|
|
494
494
|
TheSeamToggleEditComponent], exports: [ToggleEditDisplayTplDirective,
|
|
495
495
|
TheSeamToggleEditComponent] });
|
|
496
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
496
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, imports: [TheSeamToggleEditComponent] });
|
|
497
497
|
}
|
|
498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
498
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, decorators: [{
|
|
499
499
|
type: NgModule,
|
|
500
500
|
args: [{
|
|
501
501
|
imports: [
|
|
@@ -29,10 +29,10 @@ class ToggleGroupOptionDirective {
|
|
|
29
29
|
get value() {
|
|
30
30
|
return this.seamToggleGroupOption;
|
|
31
31
|
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
33
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleGroupOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: ToggleGroupOptionDirective, isStandalone: true, selector: "[seamToggleGroupOption]", inputs: { seamToggleGroupOption: "seamToggleGroupOption", selected: "selected" }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.lib-toggle-group-option-selected": "this._checkioSelectedClass" } }, exportAs: ["seamToggleGroupOption"], ngImport: i0 });
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleGroupOptionDirective, decorators: [{
|
|
36
36
|
type: Directive,
|
|
37
37
|
args: [{
|
|
38
38
|
selector: '[seamToggleGroupOption]',
|
|
@@ -205,8 +205,8 @@ class ToggleGroupDirective {
|
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
209
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
208
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
209
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: ToggleGroupDirective, isStandalone: true, selector: "[seamToggleGroup]", inputs: { val: ["value", "val"], disabled: "disabled", multiple: "multiple", selectionToggleable: "selectionToggleable" }, outputs: { change: "change" }, providers: [TOGGLE_GROUP_VALUE_ACCESSOR], queries: [{ propertyName: "optionDirectives", predicate: ToggleGroupOptionDirective }], exportAs: ["seamToggleGroup"], ngImport: i0 });
|
|
210
210
|
}
|
|
211
211
|
__decorate([
|
|
212
212
|
InputBoolean()
|
|
@@ -217,7 +217,7 @@ __decorate([
|
|
|
217
217
|
__decorate([
|
|
218
218
|
InputBoolean()
|
|
219
219
|
], ToggleGroupDirective.prototype, "selectionToggleable", void 0);
|
|
220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleGroupDirective, decorators: [{
|
|
221
221
|
type: Directive,
|
|
222
222
|
args: [{
|
|
223
223
|
selector: '[seamToggleGroup]',
|
|
@@ -241,13 +241,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
241
241
|
}] } });
|
|
242
242
|
|
|
243
243
|
class TheSeamToggleGroupModule {
|
|
244
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
245
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
244
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
245
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule, imports: [ToggleGroupDirective,
|
|
246
246
|
ToggleGroupOptionDirective], exports: [ToggleGroupDirective,
|
|
247
247
|
ToggleGroupOptionDirective] });
|
|
248
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
248
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule });
|
|
249
249
|
}
|
|
250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule, decorators: [{
|
|
251
251
|
type: NgModule,
|
|
252
252
|
args: [{
|
|
253
253
|
imports: [
|
|
@@ -139,8 +139,8 @@ class TheSeamTooltipComponent {
|
|
|
139
139
|
this._afterEnter.complete();
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
142
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
143
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTooltipComponent, isStandalone: true, selector: "seam-tooltip", inputs: { content: "content", tooltipClass: "tooltipClass", context: "context", placement: "placement", actualPlacement: "actualPlacement", tooltipId: "tooltipId", triggerElement: "triggerElement" }, host: { listeners: { "@fadeInOut.start": "_onAnimationStart($event)", "@fadeInOut.done": "_onAnimationDone($event)" }, properties: { "id": "tooltipId", "@fadeInOut": "", "class": "this.hostClasses" }, classAttribute: "tooltip show" }, viewQueries: [{ propertyName: "innerElement", first: true, predicate: ["inner"], descendants: true, static: true }, { propertyName: "arrowElement", first: true, predicate: ["arrow"], descendants: true, static: true }], ngImport: i0, template: "<div #inner class=\"tooltip-inner\" [ngClass]=\"tooltipClass\">\n <!-- String content -->\n <span *ngIf=\"isStringContent\">{{ content }}</span>\n\n <!-- Template content -->\n <ng-container *ngIf=\"isTemplateContent\">\n <ng-container *ngTemplateOutlet=\"templateContent; context: context\"></ng-container>\n </ng-container>\n</div>\n<div #arrow class=\"arrow\"></div>\n", styles: ["::ng-deep .cdk-overlay-pane .tooltip{position:relative}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
144
144
|
trigger('fadeInOut', [
|
|
145
145
|
transition(':enter', [
|
|
146
146
|
style({ opacity: 0 }),
|
|
@@ -153,7 +153,7 @@ class TheSeamTooltipComponent {
|
|
|
153
153
|
]),
|
|
154
154
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipComponent, decorators: [{
|
|
157
157
|
type: Component,
|
|
158
158
|
args: [{ selector: 'seam-tooltip', animations: [
|
|
159
159
|
trigger('fadeInOut', [
|
|
@@ -530,10 +530,10 @@ class TheSeamTooltipDirective {
|
|
|
530
530
|
// Default fallback
|
|
531
531
|
return 'top';
|
|
532
532
|
}
|
|
533
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
534
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
533
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
534
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamTooltipDirective, isStandalone: true, selector: "[seamTooltip]", inputs: { seamTooltip: "seamTooltip", tooltipClass: "tooltipClass", placement: "placement", container: "container", disableTooltip: "disableTooltip", showDelay: "showDelay", hideDelay: "hideDelay", trigger: "trigger" }, host: { properties: { "attr.aria-describedby": "tooltipOpen() ? _tooltipId : null" } }, exportAs: ["seamTooltip"], usesOnChanges: true, ngImport: i0 });
|
|
535
535
|
}
|
|
536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipDirective, decorators: [{
|
|
537
537
|
type: Directive,
|
|
538
538
|
args: [{
|
|
539
539
|
selector: '[seamTooltip]',
|
|
@@ -561,15 +561,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
561
561
|
}] } });
|
|
562
562
|
|
|
563
563
|
class TheSeamTooltipModule {
|
|
564
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
565
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
565
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipModule, imports: [CommonModule,
|
|
566
566
|
OverlayModule,
|
|
567
567
|
TheSeamTooltipComponent,
|
|
568
568
|
TheSeamTooltipDirective], exports: [TheSeamTooltipDirective] });
|
|
569
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
569
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipModule, imports: [CommonModule,
|
|
570
570
|
OverlayModule] });
|
|
571
571
|
}
|
|
572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTooltipModule, decorators: [{
|
|
573
573
|
type: NgModule,
|
|
574
574
|
args: [{
|
|
575
575
|
imports: [
|
|
@@ -4,20 +4,20 @@ import { Component, NgModule, isDevMode, HostListener, Directive } from '@angula
|
|
|
4
4
|
// TODO: Decide if this component should be implemented or just use the native
|
|
5
5
|
// browser dialog for in-app routing also.
|
|
6
6
|
class UnsavedChangesDialogComponent {
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: UnsavedChangesDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: UnsavedChangesDialogComponent, isStandalone: true, selector: "seam-unsaved-changes-dialog", ngImport: i0, template: ``, isInline: true });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: UnsavedChangesDialogComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'seam-unsaved-changes-dialog', template: `` }]
|
|
13
13
|
}] });
|
|
14
14
|
|
|
15
15
|
class TheSeamUnsavedChangesDialogModule {
|
|
16
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
17
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
18
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, imports: [UnsavedChangesDialogComponent], exports: [UnsavedChangesDialogComponent] });
|
|
18
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamUnsavedChangesDialogModule });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, decorators: [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
|
23
23
|
imports: [UnsavedChangesDialogComponent],
|
|
@@ -60,10 +60,10 @@ class UnsavedChangesCanDeactivate {
|
|
|
60
60
|
$event.returnValue = 'You have unsaved changes! If you leave, your changes will be lost.';
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
64
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
63
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: UnsavedChangesCanDeactivate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
64
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: UnsavedChangesCanDeactivate, isStandalone: true, host: { listeners: { "window:beforeunload": "__unloadNotification($event)" } }, ngImport: i0 });
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: UnsavedChangesCanDeactivate, decorators: [{
|
|
67
67
|
type: Directive
|
|
68
68
|
}], propDecorators: { __unloadNotification: [{
|
|
69
69
|
type: HostListener,
|
|
@@ -59,10 +59,10 @@ class TheSeamVerticalListFilterComponent {
|
|
|
59
59
|
clearFilter() {
|
|
60
60
|
this.filterValue = undefined;
|
|
61
61
|
}
|
|
62
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
63
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
62
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamVerticalListFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamVerticalListFilterComponent, isStandalone: true, selector: "seam-vertical-list-filter", inputs: { showClearOption: "showClearOption", filterValue: "filterValue" }, host: { properties: { "attr.data-filter-value": "this._filterValueAttr" } }, ngImport: i0, template: "<div class=\"vertical-list-filter--list\">\n <ng-container *ngIf=\"showClearOption\">\n <span class=\"text-primary vertical-list-filter--clear\"\n [class.border-primary]=\"!filterValue || filterValue === ''\"\n (click)=\"clearFilter()\">\n <svg class=\"vertical-list-filter--clear-icon\" viewBox=\"0 0 110 301\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"54.5\" cy=\"118.5\" r=\"7.5\" fill=\"currentColor\"/>\n <circle cx=\"54.5\" cy=\"148.5\" r=\"7.5\" fill=\"currentColor\"/>\n <circle cx=\"54.5\" cy=\"178.5\" r=\"7.5\" fill=\"currentColor\"/>\n <path d=\"M48.12 56.48L45.816 65.12H65.832L63.672 56.48C62.328 51.776 61.032 46.784 59.784 41.504C58.536 36.224 57.288 31.136 56.04 26.24H55.464C54.312 31.232 53.112 36.368 51.864 41.648C50.712 46.832 49.464 51.776 48.12 56.48ZM75.912 104L70.152 81.68H41.496L35.736 104H14.136L43.512 10.112H69L98.376 104H75.912Z\" fill=\"currentColor\"/>\n <path d=\"M48.12 56.48L43.3124 55.1064C43.3043 55.1348 43.2964 55.1632 43.2888 55.1917L48.12 56.48ZM45.816 65.12L40.9848 63.8317C40.5846 65.3326 40.9047 66.9344 41.8511 68.1662C42.7974 69.398 44.2626 70.12 45.816 70.12V65.12ZM65.832 65.12V70.12C67.3717 70.12 68.8255 69.4106 69.773 68.1971C70.7206 66.9835 71.0561 65.401 70.6827 63.9073L65.832 65.12ZM63.672 56.48L68.5227 55.2673C68.5092 55.2134 68.4949 55.1598 68.4796 55.1064L63.672 56.48ZM59.784 41.504L64.6499 40.3539L64.6499 40.3539L59.784 41.504ZM56.04 26.24L60.8851 25.005C60.3205 22.7901 58.3258 21.24 56.04 21.24V26.24ZM55.464 26.24V21.24C53.1357 21.24 51.1156 22.847 50.592 25.1157L55.464 26.24ZM51.864 41.648L46.9981 40.4979C46.9929 40.5197 46.9879 40.5415 46.9831 40.5633L51.864 41.648ZM75.912 104L71.0706 105.249C71.6404 107.457 73.6318 109 75.912 109V104ZM70.152 81.68L74.9934 80.4306C74.4236 78.2227 72.4322 76.68 70.152 76.68V81.68ZM41.496 81.68V76.68C39.2158 76.68 37.2244 78.2227 36.6546 80.4306L41.496 81.68ZM35.736 104V109C38.0162 109 40.0076 107.457 40.5774 105.249L35.736 104ZM14.136 104L9.36412 102.507C8.88907 104.025 9.16491 105.679 10.107 106.961C11.0492 108.243 12.5451 109 14.136 109L14.136 104ZM43.512 10.112V5.112C41.3257 5.112 39.393 6.53242 38.7401 8.61896L43.512 10.112ZM69 10.112L73.7719 8.61896C73.119 6.53242 71.1863 5.112 69 5.112V10.112ZM98.376 104V109C99.9669 109 101.463 108.243 102.405 106.961C103.347 105.679 103.623 104.025 103.148 102.507L98.376 104ZM43.2888 55.1917L40.9848 63.8317L50.6472 66.4083L52.9512 57.7683L43.2888 55.1917ZM45.816 70.12H65.832V60.12H45.816V70.12ZM70.6827 63.9073L68.5227 55.2673L58.8213 57.6927L60.9813 66.3327L70.6827 63.9073ZM68.4796 55.1064C67.1589 50.4839 65.8821 45.5669 64.6499 40.3539L54.9181 42.6541C56.1819 48.0011 57.4971 53.0681 58.8644 57.8536L68.4796 55.1064ZM64.6499 40.3539C63.3957 35.0476 62.1408 29.9312 60.8851 25.005L51.1949 27.475C52.4352 32.3408 53.6763 37.4004 54.9181 42.6541L64.6499 40.3539ZM56.04 21.24H55.464V31.24H56.04V21.24ZM50.592 25.1157C49.4421 30.0986 48.2442 35.226 46.9981 40.4979L56.7299 42.7981C57.9798 37.51 59.1819 32.3654 60.336 27.3643L50.592 25.1157ZM46.9831 40.5633C45.8508 45.6584 44.6269 50.5056 43.3124 55.1064L52.9276 57.8536C54.3011 53.0464 55.5732 48.0056 56.7449 42.7326L46.9831 40.5633ZM80.7534 102.751L74.9934 80.4306L65.3106 82.9294L71.0706 105.249L80.7534 102.751ZM70.152 76.68H41.496V86.68H70.152V76.68ZM36.6546 80.4306L30.8946 102.751L40.5774 105.249L46.3374 82.9294L36.6546 80.4306ZM35.736 99H14.136V109H35.736V99ZM18.9079 105.493L48.2839 11.605L38.7401 8.61896L9.36412 102.507L18.9079 105.493ZM43.512 15.112H69V5.112H43.512V15.112ZM64.2281 11.605L93.6041 105.493L103.148 102.507L73.7719 8.61896L64.2281 11.605ZM98.376 99H75.912V109H98.376V99Z\" fill=\"currentColor\"/>\n <path d=\"M18.184 290V277.184L59.656 213.968H22.072V196.112H85.72V208.928L44.248 272.144H86.152V290H18.184Z\" fill=\"currentColor\"/>\n <path d=\"M18.184 290H13.184C13.184 292.761 15.4226 295 18.184 295V290ZM18.184 277.184L14.0034 274.441C13.4688 275.256 13.184 276.209 13.184 277.184H18.184ZM59.656 213.968L63.8366 216.711C64.8445 215.174 64.9286 213.209 64.0556 211.592C63.1827 209.976 61.4933 208.968 59.656 208.968V213.968ZM22.072 213.968H17.072C17.072 216.729 19.3106 218.968 22.072 218.968V213.968ZM22.072 196.112V191.112C19.3106 191.112 17.072 193.351 17.072 196.112H22.072ZM85.72 196.112H90.72C90.72 193.351 88.4814 191.112 85.72 191.112V196.112ZM85.72 208.928L89.9006 211.671C90.4352 210.856 90.72 209.903 90.72 208.928H85.72ZM44.248 272.144L40.0674 269.401C39.0595 270.938 38.9754 272.903 39.8484 274.52C40.7213 276.136 42.4107 277.144 44.248 277.144V272.144ZM86.152 272.144H91.152C91.152 269.383 88.9134 267.144 86.152 267.144V272.144ZM86.152 290V295C88.9134 295 91.152 292.761 91.152 290H86.152ZM23.184 290V277.184H13.184V290H23.184ZM22.3646 279.927L63.8366 216.711L55.4754 211.225L14.0034 274.441L22.3646 279.927ZM59.656 208.968H22.072V218.968H59.656V208.968ZM27.072 213.968V196.112H17.072V213.968H27.072ZM22.072 201.112H85.72V191.112H22.072V201.112ZM80.72 196.112V208.928H90.72V196.112H80.72ZM81.5394 206.185L40.0674 269.401L48.4287 274.887L89.9006 211.671L81.5394 206.185ZM44.248 277.144H86.152V267.144H44.248V277.144ZM81.152 272.144V290H91.152V272.144H81.152ZM86.152 285H18.184V295H86.152V285Z\" fill=\"currentColor\"/>\n </svg>\n </span>\n </ng-container>\n <span *ngFor=\"let c of _values\"\n class=\"vertical-list-filter--item text-primary\"\n [class.border-primary]=\"c === filterValue\"\n [attr.data-value]=\"c\"\n [attr.data-selected]=\"c === filterValue\"\n (click)=\"characterClick(c)\">{{ c }}</span>\n</div>\n", styles: [".vertical-list-filter--list{display:flex;flex-direction:column;text-align:center;align-content:center}.vertical-list-filter--icon{cursor:pointer}.vertical-list-filter--item{cursor:pointer;padding-left:3px;padding-right:3px;border:2px solid transparent}.vertical-list-filter--item.is-selected{border-color:var(--primary)}.vertical-list-filter--clear{cursor:pointer;padding-top:3px;border:2px solid transparent}.vertical-list-filter--clear-icon{width:.875em;display:inline-block;font-size:inherit;height:1.5em;overflow:visible;vertical-align:-.125em}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
64
64
|
}
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamVerticalListFilterComponent, decorators: [{
|
|
66
66
|
type: Component,
|
|
67
67
|
args: [{ selector: 'seam-vertical-list-filter', imports: [
|
|
68
68
|
NgIf,
|