@theseam/ui-common 1.0.0-beta.6 → 1.0.0-beta.8

package/fesm2022/theseam-ui-common-vertical-list-filter.mjs

@@ -29,22 +29,47 @@ class TheSeamVerticalListFilterHarness extends ComponentHarness {
 }
 
 const FILTER_VALUES = [
-    'A', 'B', 'C', 'D',
-    'E', 'F', 'G', 'H',
-    'I', 'J', 'K', 'L',
-    'M', 'N', 'O', 'P',
-    'Q', 'R', 'S', 'T',
-    'U', 'V', 'W', 'X',
-    'Y', 'Z',
+    'A',
+    'B',
+    'C',
+    'D',
+    'E',
+    'F',
+    'G',
+    'H',
+    'I',
+    'J',
+    'K',
+    'L',
+    'M',
+    'N',
+    'O',
+    'P',
+    'Q',
+    'R',
+    'S',
+    'T',
+    'U',
+    'V',
+    'W',
+    'X',
+    'Y',
+    'Z',
 ];
 class TheSeamVerticalListFilterComponent {
     _values = FILTER_VALUES;
     showClearOption = true;
-    get filterValue() { return this._filterValue.value; }
-    set filterValue(value) { this._filterValue.next(value); }
+    get filterValue() {
+        return this._filterValue.value;
+    }
+    set filterValue(value) {
+        this._filterValue.next(value);
+    }
     _filterValue = new BehaviorSubject(undefined);
     filterValue$;
-    get _filterValueAttr() { return this.filterValue; }
+    get _filterValueAttr() {
+        return this.filterValue;
+    }
     constructor() {
         this.filterValue$ = this._filterValue.asObservable();
     }
@@ -59,15 +84,12 @@ class TheSeamVerticalListFilterComponent {
     clearFilter() {
         this.filterValue = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamVerticalListFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamVerticalListFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", 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\n      class=\"text-primary vertical-list-filter--clear\"\n      [class.border-primary]=\"!filterValue || filterValue === ''\"\n      (click)=\"clearFilter()\"\n    >\n      <svg\n        class=\"vertical-list-filter--clear-icon\"\n        viewBox=\"0 0 110 301\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\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\n          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\"\n          fill=\"currentColor\"\n        />\n        <path\n          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\"\n          fill=\"currentColor\"\n        />\n        <path\n          d=\"M18.184 290V277.184L59.656 213.968H22.072V196.112H85.72V208.928L44.248 272.144H86.152V290H18.184Z\"\n          fill=\"currentColor\"\n        />\n        <path\n          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\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </span>\n  </ng-container>\n  <span\n    *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)\"\n    >{{ c }}</span\n  >\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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamVerticalListFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamVerticalListFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-vertical-list-filter', imports: [
-                        NgIf,
-                        NgFor,
-                    ], 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"] }]
+            args: [{ selector: 'seam-vertical-list-filter', imports: [NgIf, NgFor], template: "<div class=\"vertical-list-filter--list\">\n  <ng-container *ngIf=\"showClearOption\">\n    <span\n      class=\"text-primary vertical-list-filter--clear\"\n      [class.border-primary]=\"!filterValue || filterValue === ''\"\n      (click)=\"clearFilter()\"\n    >\n      <svg\n        class=\"vertical-list-filter--clear-icon\"\n        viewBox=\"0 0 110 301\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\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\n          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\"\n          fill=\"currentColor\"\n        />\n        <path\n          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\"\n          fill=\"currentColor\"\n        />\n        <path\n          d=\"M18.184 290V277.184L59.656 213.968H22.072V196.112H85.72V208.928L44.248 272.144H86.152V290H18.184Z\"\n          fill=\"currentColor\"\n        />\n        <path\n          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\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </span>\n  </ng-container>\n  <span\n    *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)\"\n    >{{ c }}</span\n  >\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"] }]
         }], ctorParameters: () => [], propDecorators: { showClearOption: [{
                 type: Input
             }], filterValue: [{

package/fesm2022/theseam-ui-common-vertical-list-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-vertical-list-filter.mjs","sources":["../../../projects/ui-common/vertical-list-filter/testing/vertical-list-filter.harness.ts","../../../projects/ui-common/vertical-list-filter/vertical-list-filter.component.ts","../../../projects/ui-common/vertical-list-filter/vertical-list-filter.component.html","../../../projects/ui-common/vertical-list-filter/theseam-ui-common-vertical-list-filter.ts"],"sourcesContent":["import { ComponentHarness } from '@angular/cdk/testing'\n\nexport class TheSeamVerticalListFilterHarness extends ComponentHarness {\n  static hostSelector = 'seam-vertical-list-filter'\n\n  _clearOptionElement = this.locatorForOptional(`.vertical-list-filter--clear`)\n\n  public async clickValue(value: string) {\n    const element = await this.locatorFor(`.vertical-list-filter--item[data-value=\"${value}\"]`)()\n    return element.click()\n  }\n\n  public async filterValue(): Promise<string | undefined> {\n    const filterValue = await (await this.host()).getAttribute('data-filter-value')\n    return filterValue ?? undefined\n  }\n\n  public async hasClearOption(): Promise<boolean> {\n    const element = await this._clearOptionElement()\n    return element !== null\n  }\n\n  public async clearFilter() {\n    const element = await this._clearOptionElement()\n    if (!element) {\n      throw new Error('No clear option found.')\n    }\n    return element.click()\n  }\n\n}\n","import { Component, Input, HostBinding } from '@angular/core'\nimport { NgFor, NgIf } from '@angular/common'\nimport { BehaviorSubject, Observable } from 'rxjs'\n\nexport const FILTER_VALUES: string[] = [\n  'A', 'B', 'C', 'D',\n  'E', 'F', 'G', 'H',\n  'I', 'J', 'K', 'L',\n  'M', 'N', 'O', 'P',\n  'Q', 'R', 'S', 'T',\n  'U', 'V', 'W', 'X',\n  'Y', 'Z',\n]\n\n@Component({\n  selector: 'seam-vertical-list-filter',\n  templateUrl: './vertical-list-filter.component.html',\n  styleUrls: ['./vertical-list-filter.component.scss'],\n  imports: [\n    NgIf,\n    NgFor,\n  ],\n})\nexport class TheSeamVerticalListFilterComponent {\n\n  readonly _values = FILTER_VALUES\n\n  @Input() showClearOption = true\n\n  @Input()\n  get filterValue(): string | undefined { return this._filterValue.value }\n  set filterValue(value: string | undefined) { this._filterValue.next(value) }\n  private readonly _filterValue = new BehaviorSubject<string | undefined>(undefined)\n  public readonly filterValue$: Observable<string | undefined>\n\n  @HostBinding('attr.data-filter-value')\n  get _filterValueAttr(): string | undefined { return this.filterValue }\n\n  constructor() {\n    this.filterValue$ = this._filterValue.asObservable()\n  }\n\n  characterClick(character: string) {\n    if (this.filterValue === character) {\n      this.filterValue = undefined\n    } else {\n      this.filterValue = character\n    }\n  }\n\n  clearFilter() {\n    this.filterValue = undefined\n  }\n\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-vertical-list-filter.mjs","sources":["../../../projects/ui-common/vertical-list-filter/testing/vertical-list-filter.harness.ts","../../../projects/ui-common/vertical-list-filter/vertical-list-filter.component.ts","../../../projects/ui-common/vertical-list-filter/vertical-list-filter.component.html","../../../projects/ui-common/vertical-list-filter/theseam-ui-common-vertical-list-filter.ts"],"sourcesContent":["import { ComponentHarness } from '@angular/cdk/testing'\n\nexport class TheSeamVerticalListFilterHarness extends ComponentHarness {\n  static hostSelector = 'seam-vertical-list-filter'\n\n  _clearOptionElement = this.locatorForOptional(`.vertical-list-filter--clear`)\n\n  public async clickValue(value: string) {\n    const element = await this.locatorFor(\n      `.vertical-list-filter--item[data-value=\"${value}\"]`,\n    )()\n    return element.click()\n  }\n\n  public async filterValue(): Promise<string | undefined> {\n    const filterValue = await (\n      await this.host()\n    ).getAttribute('data-filter-value')\n    return filterValue ?? undefined\n  }\n\n  public async hasClearOption(): Promise<boolean> {\n    const element = await this._clearOptionElement()\n    return element !== null\n  }\n\n  public async clearFilter() {\n    const element = await this._clearOptionElement()\n    if (!element) {\n      throw new Error('No clear option found.')\n    }\n    return element.click()\n  }\n}\n","import { Component, Input, HostBinding } from '@angular/core'\nimport { NgFor, NgIf } from '@angular/common'\nimport { BehaviorSubject, Observable } from 'rxjs'\n\nexport const FILTER_VALUES: string[] = [\n  'A',\n  'B',\n  'C',\n  'D',\n  'E',\n  'F',\n  'G',\n  'H',\n  'I',\n  'J',\n  'K',\n  'L',\n  'M',\n  'N',\n  'O',\n  'P',\n  'Q',\n  'R',\n  'S',\n  'T',\n  'U',\n  'V',\n  'W',\n  'X',\n  'Y',\n  'Z',\n]\n\n@Component({\n  selector: 'seam-vertical-list-filter',\n  templateUrl: './vertical-list-filter.component.html',\n  styleUrls: ['./vertical-list-filter.component.scss'],\n  imports: [NgIf, NgFor],\n})\nexport class TheSeamVerticalListFilterComponent {\n  readonly _values = FILTER_VALUES\n\n  @Input() showClearOption = true\n\n  @Input()\n  get filterValue(): string | undefined {\n    return this._filterValue.value\n  }\n  set filterValue(value: string | undefined) {\n    this._filterValue.next(value)\n  }\n  private readonly _filterValue = new BehaviorSubject<string | undefined>(\n    undefined,\n  )\n  public readonly filterValue$: Observable<string | undefined>\n\n  @HostBinding('attr.data-filter-value')\n  get _filterValueAttr(): string | undefined {\n    return this.filterValue\n  }\n\n  constructor() {\n    this.filterValue$ = this._filterValue.asObservable()\n  }\n\n  characterClick(character: string) {\n    if (this.filterValue === character) {\n      this.filterValue = undefined\n    } else {\n      this.filterValue = character\n    }\n  }\n\n  clearFilter() {\n    this.filterValue = undefined\n  }\n}\n","<div class=\"vertical-list-filter--list\">\n  <ng-container *ngIf=\"showClearOption\">\n    <span\n      class=\"text-primary vertical-list-filter--clear\"\n      [class.border-primary]=\"!filterValue || filterValue === ''\"\n      (click)=\"clearFilter()\"\n    >\n      <svg\n        class=\"vertical-list-filter--clear-icon\"\n        viewBox=\"0 0 110 301\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\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\n          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\"\n          fill=\"currentColor\"\n        />\n        <path\n          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\"\n          fill=\"currentColor\"\n        />\n        <path\n          d=\"M18.184 290V277.184L59.656 213.968H22.072V196.112H85.72V208.928L44.248 272.144H86.152V290H18.184Z\"\n          fill=\"currentColor\"\n        />\n        <path\n          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\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </span>\n  </ng-container>\n  <span\n    *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)\"\n    >{{ c }}</span\n  >\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/theseam-ui-common-viewers.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Input, ViewChild, HostBinding, Component, Injectable, inject, NgZone, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { Input, ViewChild, HostBinding, Component, InjectionToken, makeEnvironmentProviders, inject, Injectable, NgZone, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { Subject, from, ReplaySubject, BehaviorSubject, of } from 'rxjs';
 import { takeUntil, auditTime, switchMap, tap, shareReplay, map } from 'rxjs/operators';
 import { InputBoolean } from '@theseam/ui-common/core';
@@ -14,14 +14,20 @@ class TheSeamPdfPageComponent {
     static ngAcceptInputType_shadow;
     static ngAcceptInputType_responsive;
     _ngUnsubscribe = new Subject();
-    get page() { return this._page; }
+    get page() {
+        return this._page;
+    }
     set page(value) {
         this._page = value;
-        setTimeout(() => { this.render(); });
+        setTimeout(() => {
+            this.render();
+        });
     }
     _page;
     shadow = false;
-    get _shadow() { return this.shadow; }
+    get _shadow() {
+        return this.shadow;
+    }
     pdfContainer;
     pdfCanvas;
     /**
@@ -44,7 +50,7 @@ class TheSeamPdfPageComponent {
     _renderRequestSubject = new Subject();
     _render$;
     constructor() {
-        this._render$ = this._renderRequestSubject.pipe(takeUntil(this._ngUnsubscribe), auditTime(500), switchMap(_ => from(waitOnConditionAsync(() => this.rendering === false, 30 * 1000))), switchMap(_ => from(this._render())));
+        this._render$ = this._renderRequestSubject.pipe(takeUntil(this._ngUnsubscribe), auditTime(500), switchMap((_) => from(waitOnConditionAsync(() => this.rendering === false, 30 * 1000))), switchMap((_) => from(this._render())));
     }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
@@ -77,7 +83,7 @@ class TheSeamPdfPageComponent {
             // Render PDF page into canvas context
             const renderContext = {
                 canvasContext: context,
-                viewport: scaledViewport
+                viewport: scaledViewport,
             };
             const renderTask = await this.page.render(renderContext).promise;
             // TODO: Allow canceling instead of only waiting
@@ -106,14 +112,14 @@ class TheSeamPdfPageComponent {
         const pdfHeight = this.pdfCanvas.nativeElement.height;
         const wDiff = Math.abs(containerRect.width - pdfWidth);
         const hDiff = Math.abs(containerRect.height - pdfHeight);
-        if (wDiff > this.renderUpdateThreshold || hDiff > this.renderUpdateThreshold) {
+        if (wDiff > this.renderUpdateThreshold ||
+            hDiff > this.renderUpdateThreshold) {
             this.render();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamPdfPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamPdfPageComponent, isStandalone: true, selector: "seam-pdf-page", inputs: { page: "page", shadow: "shadow", responsive: "responsive", renderUpdateThreshold: "renderUpdateThreshold" }, host: { properties: { "class.shadow": "this._shadow" } }, viewQueries: [{ propertyName: "pdfContainer", first: true, predicate: ["pdfContainer"], descendants: true, static: true }, { propertyName: "pdfCanvas", first: true, predicate: ["pdfCanvas"], descendants: true, static: true }], ngImport: i0, template: `
-    <div #pdfContainer
-      (seamElemResized)="onResized()">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamPdfPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TheSeamPdfPageComponent, isStandalone: true, selector: "seam-pdf-page", inputs: { page: "page", shadow: "shadow", responsive: "responsive", renderUpdateThreshold: "renderUpdateThreshold" }, host: { properties: { "class.shadow": "this._shadow" } }, viewQueries: [{ propertyName: "pdfContainer", first: true, predicate: ["pdfContainer"], descendants: true, static: true }, { propertyName: "pdfCanvas", first: true, predicate: ["pdfCanvas"], descendants: true, static: true }], ngImport: i0, template: `
+    <div #pdfContainer (seamElemResized)="onResized()">
       <canvas #pdfCanvas></canvas>
     </div>
   `, isInline: true, styles: [":host{display:block}canvas{display:block}\n"], dependencies: [{ kind: "directive", type: TheSeamElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"], exportAs: ["seamElemResized"] }] });
@@ -124,16 +130,13 @@ __decorate([
 __decorate([
     InputBoolean()
 ], TheSeamPdfPageComponent.prototype, "responsive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamPdfPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamPdfPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-pdf-page', template: `
-    <div #pdfContainer
-      (seamElemResized)="onResized()">
+    <div #pdfContainer (seamElemResized)="onResized()">
       <canvas #pdfCanvas></canvas>
     </div>
-  `, imports: [
-                        TheSeamElemResizedDirective,
-                    ], styles: [":host{display:block}canvas{display:block}\n"] }]
+  `, imports: [TheSeamElemResizedDirective], styles: [":host{display:block}canvas{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { page: [{
                 type: Input
             }], shadow: [{
@@ -153,27 +156,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                 type: Input
             }] } });
 
+const THESEAM_PDF_VIEWER_CONFIG_PROVIDER = new InjectionToken('TheSeamPdfViewerConfigProvider');
+function providePdfViewerConfig(config) {
+    return makeEnvironmentProviders([
+        { provide: THESEAM_PDF_VIEWER_CONFIG_PROVIDER, useValue: config },
+    ]);
+}
+
 class TheSeamPdfRendererService {
+    _config = inject(THESEAM_PDF_VIEWER_CONFIG_PROVIDER, {
+        optional: true,
+    });
     _pdfjs$;
     constructor() {
         const pdfjsImport = wrapIntoObservable(import('pdfjs-dist'));
         this._pdfjs$ = pdfjsImport.pipe(tap((pdfJs) => {
             if (!pdfJs.GlobalWorkerOptions.workerSrc) {
-                // pdfJs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${(pdfJs as any).version}/pdf.worker.min.js`
-                pdfJs.GlobalWorkerOptions.workerSrc = `assets/vendor/pdfjs-dist/pdf.worker.min.mjs`;
-                // pdfJs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.mjs", import.meta.url).href
-                // pdfJs.GlobalWorkerOptions.workerSrc = new URL("assets/vendor/pdfjs-dist/pdf.worker.mjs", import.meta.url).href
-                // pdfJs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.mjs", import.meta.url).href
+                pdfJs.GlobalWorkerOptions.workerSrc =
+                    this._config?.pdfJsWorkerSrc ||
+                        `assets/vendor/pdfjs-dist/pdf.worker.min.mjs`;
             }
         }), shareReplay({ bufferSize: 1, refCount: true }));
     }
     getDocument(url) {
-        return from(fetch(url)).pipe(switchMap(v => this._pdfjs$.pipe(switchMap(pdfjs => pdfjs.getDocument(v).promise))));
+        return from(fetch(url)).pipe(switchMap((v) => this._pdfjs$.pipe(switchMap((pdfjs) => pdfjs.getDocument(v).promise))));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamPdfRendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamPdfRendererService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamPdfRendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamPdfRendererService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamPdfRendererService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamPdfRendererService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -182,7 +193,9 @@ class TheSeamPdfViewerComponent {
     static ngAcceptInputType_shadow;
     static ngAcceptInputType_responsive;
     _pdfRenderer = inject(TheSeamPdfRendererService);
-    get pdfUrl() { return this._pdfUrl; }
+    get pdfUrl() {
+        return this._pdfUrl;
+    }
     set pdfUrl(value) {
         this._pdfUrl = value;
         this._documentSubject.next(value);
@@ -204,8 +217,12 @@ class TheSeamPdfViewerComponent {
      *
      * NOTE: Only used when `responsive` is `true`.
      */
-    set renderUpdateThreshold(value) { this._renderUpdateThreshold = coerceNumberProperty(value); }
-    get renderUpdateThreshold() { return this._renderUpdateThreshold; }
+    set renderUpdateThreshold(value) {
+        this._renderUpdateThreshold = coerceNumberProperty(value);
+    }
+    get renderUpdateThreshold() {
+        return this._renderUpdateThreshold;
+    }
     _renderUpdateThreshold = 100;
     /**
      * Range of pages to render.
@@ -213,7 +230,9 @@ class TheSeamPdfViewerComponent {
      * Example(page 1 to page 3):
      *  [pageRange]="[1,3]"
      */
-    get pageRange() { return this._pageRange; }
+    get pageRange() {
+        return this._pageRange;
+    }
     set pageRange(value) {
         this._pageRange = value;
         if (!this._pageRange) {
@@ -244,7 +263,9 @@ class TheSeamPdfViewerComponent {
     /**
      * Render a specific page.
      */
-    get pageNumber() { return this._pageNumber; }
+    get pageNumber() {
+        return this._pageNumber;
+    }
     set pageNumber(value) {
         this._pageNumber = coerceNumberProperty(value, -1);
         this._pageNumbersSubject.next(this._pageNumber === -1 ? undefined : [this._pageNumber]);
@@ -253,7 +274,9 @@ class TheSeamPdfViewerComponent {
     /**
      * Specific page numbers to render.
      */
-    get pageNumbers() { return this._pageNumbers; }
+    get pageNumbers() {
+        return this._pageNumbers;
+    }
     set pageNumbers(value) {
         this._pageNumbers = value;
         if (Array.isArray(this._pageNumbers)) {
@@ -272,14 +295,14 @@ class TheSeamPdfViewerComponent {
      */
     _pageNumbersSubject = new BehaviorSubject(undefined);
     constructor() {
-        this.document$ = this._documentSubject.asObservable().pipe(switchMap(url => {
+        this.document$ = this._documentSubject.asObservable().pipe(switchMap((url) => {
             if (!url) {
                 return of();
             }
             return this._pdfRenderer.getDocument(url);
         }));
         const pageNumbers$ = this._pageNumbersSubject.asObservable();
-        this.pages$ = this.document$.pipe(switchMap(doc => pageNumbers$.pipe(map(pageNumbers => {
+        this.pages$ = this.document$.pipe(switchMap((doc) => pageNumbers$.pipe(map((pageNumbers) => {
             const pages = [];
             for (let i = 0; i < doc.numPages; i++) {
                 if (!pageNumbers || pageNumbers.indexOf(i + 1) !== -1) {
@@ -289,15 +312,16 @@ class TheSeamPdfViewerComponent {
             return pages;
         }))));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamPdfViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamPdfViewerComponent, isStandalone: true, selector: "seam-pdf-viewer", inputs: { pdfUrl: "pdfUrl", shadow: "shadow", responsive: "responsive", renderUpdateThreshold: "renderUpdateThreshold", pageRange: "pageRange", pageNumber: "pageNumber", pageNumbers: "pageNumbers" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamPdfViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TheSeamPdfViewerComponent, isStandalone: true, selector: "seam-pdf-viewer", inputs: { pdfUrl: "pdfUrl", shadow: "shadow", responsive: "responsive", renderUpdateThreshold: "renderUpdateThreshold", pageRange: "pageRange", pageNumber: "pageNumber", pageNumbers: "pageNumbers" }, ngImport: i0, template: `
     <ng-container *ngFor="let page of pages$ | async">
       <seam-pdf-page
         class="mb-2"
         [page]="page | async"
         [responsive]="responsive"
         [shadow]="shadow"
-        [renderUpdateThreshold]="renderUpdateThreshold">
+        [renderUpdateThreshold]="renderUpdateThreshold"
+      >
       </seam-pdf-page>
     </ng-container>
   `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TheSeamPdfPageComponent, selector: "seam-pdf-page", inputs: ["page", "shadow", "responsive", "renderUpdateThreshold"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
@@ -308,7 +332,7 @@ __decorate([
 __decorate([
     InputBoolean()
 ], TheSeamPdfViewerComponent.prototype, "responsive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamPdfViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamPdfViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-pdf-viewer', template: `
     <ng-container *ngFor="let page of pages$ | async">
@@ -317,14 +341,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
         [page]="page | async"
         [responsive]="responsive"
         [shadow]="shadow"
-        [renderUpdateThreshold]="renderUpdateThreshold">
+        [renderUpdateThreshold]="renderUpdateThreshold"
+      >
       </seam-pdf-page>
     </ng-container>
-  `, imports: [
-                        NgFor,
-                        AsyncPipe,
-                        TheSeamPdfPageComponent,
-                    ], styles: [":host{display:block}\n"] }]
+  `, imports: [NgFor, AsyncPipe, TheSeamPdfPageComponent], styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { pdfUrl: [{
                 type: Input
             }], shadow: [{
@@ -355,7 +376,9 @@ class TheSeamHtmlTemplateViewerComponent {
     _message;
     _dataVersion = 0;
     _scrollHandleObserver = null;
-    get src() { return this._src; }
+    get src() {
+        return this._src;
+    }
     set src(val) {
         this._src = val;
         this._updateSrc();
@@ -370,7 +393,7 @@ class TheSeamHtmlTemplateViewerComponent {
         }
     }
     set data(value) {
-        this.postMessage((value !== null && value !== undefined) ? JSON.stringify(value) : value);
+        this.postMessage(value !== null && value !== undefined ? JSON.stringify(value) : value);
     }
     set scrollable(value) {
         this._scrollable = value;
@@ -398,7 +421,7 @@ class TheSeamHtmlTemplateViewerComponent {
             // so we can just disable the observer for native scrollbars.
             onInitializationWithdrawn: () => this._destroyScrollHandleObserver(),
             onDestroyed: () => this._destroyScrollHandleObserver(),
-        }
+        },
     };
     _mouseBlockActive = false;
     _mouseBlockWidth = '100%';
@@ -406,7 +429,7 @@ class TheSeamHtmlTemplateViewerComponent {
     constructor() {
         this._templateMessageHandlers = {
             [TheSeamTemplateMessageType.TplData]: () => { }, // Not listening for message from template
-            [TheSeamTemplateMessageType.TplResize]: this._onResizeMessageFromTemplate
+            [TheSeamTemplateMessageType.TplResize]: this._onResizeMessageFromTemplate,
         };
     }
     ngOnInit() {
@@ -461,10 +484,10 @@ class TheSeamHtmlTemplateViewerComponent {
         this.reload();
     }
     _getIFrameNativeElement() {
-        return (this._iframeElementRef?.nativeElement) || null;
+        return this._iframeElementRef?.nativeElement || null;
     }
     _getIFrameContentWindow() {
-        return (this._iframeElementRef?.nativeElement?.contentWindow) || null;
+        return this._iframeElementRef?.nativeElement?.contentWindow || null;
     }
     /**
      * Initializes a MutationObserver to detect the 'active' class added to a
@@ -534,21 +557,21 @@ class TheSeamHtmlTemplateViewerComponent {
         this._cdr.detectChanges();
     }
     _isScrollbarHandleActive() {
-        return this._elementRef.nativeElement.querySelector('.os-scrollbar-handle.active') !== null;
+        return (this._elementRef.nativeElement.querySelector('.os-scrollbar-handle.active') !== null);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamHtmlTemplateViewerComponent, isStandalone: true, selector: "seam-html-template-viewer", inputs: { src: "src", dataVersion: "dataVersion", data: "data", scrollable: "scrollable" }, viewQueries: [{ propertyName: "iframeElementRef", first: true, predicate: ["iframeElement"], descendants: true, static: true }], ngImport: i0, template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\">\n    <iframe #iframeElement class=\"embed-responsive-item\" allowfullscreen></iframe>\n    <div *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\">\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TheSeamOverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "directive", type: TheSeamElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"], exportAs: ["seamElemResized"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TheSeamHtmlTemplateViewerComponent, isStandalone: true, selector: "seam-html-template-viewer", inputs: { src: "src", dataVersion: "dataVersion", data: "data", scrollable: "scrollable" }, viewQueries: [{ propertyName: "iframeElementRef", first: true, predicate: ["iframeElement"], descendants: true, static: true }], ngImport: i0, template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div\n    class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\"\n  >\n    <iframe\n      #iframeElement\n      class=\"embed-responsive-item\"\n      allowfullscreen\n    ></iframe>\n    <div\n      *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TheSeamOverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "directive", type: TheSeamElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"], exportAs: ["seamElemResized"] }] });
 }
 __decorate([
     InputBoolean()
 ], TheSeamHtmlTemplateViewerComponent.prototype, "scrollable", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-html-template-viewer', imports: [
                         NgIf,
                         TheSeamOverlayScrollbarDirective,
                         TheSeamElemResizedDirective,
-                    ], template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\">\n    <iframe #iframeElement class=\"embed-responsive-item\" allowfullscreen></iframe>\n    <div *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\">\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"] }]
+                    ], template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div\n    class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\"\n  >\n    <iframe\n      #iframeElement\n      class=\"embed-responsive-item\"\n      allowfullscreen\n    ></iframe>\n    <div\n      *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { src: [{
                 type: Input
             }], dataVersion: [{
@@ -566,5 +589,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TheSeamHtmlTemplateViewerComponent, TheSeamPdfPageComponent, TheSeamPdfViewerComponent };
+export { THESEAM_PDF_VIEWER_CONFIG_PROVIDER, TheSeamHtmlTemplateViewerComponent, TheSeamPdfPageComponent, TheSeamPdfViewerComponent, providePdfViewerConfig };
 //# sourceMappingURL=theseam-ui-common-viewers.mjs.map