@esri/solutions-components 0.7.21 → 0.7.22

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.
Files changed (8) hide show
  1. package/dist/cjs/card-manager_3.cjs.entry.js +103 -88
  2. package/dist/collection/components/layer-table/layer-table.js +103 -88
  3. package/dist/components/layer-table2.js +103 -88
  4. package/dist/esm/card-manager_3.entry.js +103 -88
  5. package/dist/solutions-components/p-630e274b.entry.js +6 -0
  6. package/dist/solutions-components/solutions-components.esm.js +1 -1
  7. package/package.json +1 -1
  8. package/dist/solutions-components/p-5302f406.entry.js +0 -6
package/dist/cjs/card-manager_3.cjs.entry.js CHANGED
@@ -530,93 +530,95 @@ const LayerTable = class {
530
530
  const featuresSelected = this._featuresSelected();
531
531
  const featuresEmpty = this._featuresEmpty();
532
532
  const hasFilterExpressions = this._hasFilterExpressions();
533
- this._toolInfos = [{
534
- active: false,
535
- icon: "zoom-to-object",
536
- indicator: false,
537
- label: this._translations.zoom,
538
- func: () => this._zoom(),
539
- disabled: !featuresSelected,
540
- isOverflow: false
541
- },
542
- hasFilterExpressions ? {
543
- active: false,
544
- icon: "filter",
545
- indicator: false,
546
- label: this._translations.filters,
547
- func: () => this._toggleFilter(),
548
- disabled: false,
549
- isOverflow: false
550
- } : undefined,
551
- this._deleteEnabled ? {
552
- active: false,
553
- icon: "trash",
554
- indicator: false,
555
- label: this._translations.delete,
556
- func: () => this._delete(),
557
- disabled: !featuresSelected,
558
- isDanger: true,
559
- isOverflow: false
560
- } : undefined, {
561
- active: false,
562
- icon: "erase",
563
- indicator: false,
564
- label: this._translations.clearSelection,
565
- func: () => this._clearSelection(),
566
- disabled: !featuresSelected,
567
- isOverflow: false
568
- }, {
569
- active: false,
570
- icon: "selected-items-filter",
571
- indicator: false,
572
- label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
573
- func: () => this._toggleShowSelected(),
574
- disabled: !featuresSelected,
575
- isOverflow: false
576
- }, {
577
- active: false,
578
- icon: "list-check-all",
579
- indicator: false,
580
- func: () => this._selectAll(),
581
- label: this._translations.selectAll,
582
- disabled: featuresEmpty,
583
- isOverflow: false
584
- }, {
585
- active: false,
586
- icon: "compare",
587
- indicator: false,
588
- func: () => this._switchSelected(),
589
- label: this._translations.switchSelected,
590
- disabled: featuresEmpty,
591
- isOverflow: false
592
- }, {
593
- active: false,
594
- icon: "refresh",
595
- indicator: false,
596
- func: () => this._refresh(),
597
- label: this._translations.refresh,
598
- disabled: false,
599
- isOverflow: false
600
- },
601
- this.enableCSV ? {
602
- active: false,
603
- icon: "export",
604
- indicator: false,
605
- func: () => void this._exportToCSV(),
606
- label: this._translations.exportCSV,
607
- disabled: featuresEmpty,
608
- isOverflow: false
609
- } : undefined, {
610
- active: false,
611
- icon: this._showHideOpen ? "chevron-down" : "chevron-right",
612
- indicator: false,
613
- func: () => this._toggleShowHide(),
614
- label: this._translations.showHideColumns,
615
- disabled: false,
616
- isOverflow: false,
617
- isSublist: true
618
- }];
619
- this._defaultVisibleToolSizeInfos = undefined;
533
+ if (this._translations) {
534
+ this._toolInfos = [{
535
+ active: false,
536
+ icon: "zoom-to-object",
537
+ indicator: false,
538
+ label: this._translations.zoom,
539
+ func: () => this._zoom(),
540
+ disabled: !featuresSelected,
541
+ isOverflow: false
542
+ },
543
+ hasFilterExpressions ? {
544
+ active: false,
545
+ icon: "filter",
546
+ indicator: false,
547
+ label: this._translations.filters,
548
+ func: () => this._toggleFilter(),
549
+ disabled: false,
550
+ isOverflow: false
551
+ } : undefined,
552
+ this._deleteEnabled ? {
553
+ active: false,
554
+ icon: "trash",
555
+ indicator: false,
556
+ label: this._translations.delete,
557
+ func: () => this._delete(),
558
+ disabled: !featuresSelected,
559
+ isDanger: true,
560
+ isOverflow: false
561
+ } : undefined, {
562
+ active: false,
563
+ icon: "erase",
564
+ indicator: false,
565
+ label: this._translations.clearSelection,
566
+ func: () => this._clearSelection(),
567
+ disabled: !featuresSelected,
568
+ isOverflow: false
569
+ }, {
570
+ active: false,
571
+ icon: "selected-items-filter",
572
+ indicator: false,
573
+ label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
574
+ func: () => this._toggleShowSelected(),
575
+ disabled: !featuresSelected,
576
+ isOverflow: false
577
+ }, {
578
+ active: false,
579
+ icon: "list-check-all",
580
+ indicator: false,
581
+ func: () => this._selectAll(),
582
+ label: this._translations.selectAll,
583
+ disabled: featuresEmpty,
584
+ isOverflow: false
585
+ }, {
586
+ active: false,
587
+ icon: "compare",
588
+ indicator: false,
589
+ func: () => this._switchSelected(),
590
+ label: this._translations.switchSelected,
591
+ disabled: featuresEmpty,
592
+ isOverflow: false
593
+ }, {
594
+ active: false,
595
+ icon: "refresh",
596
+ indicator: false,
597
+ func: () => this._refresh(),
598
+ label: this._translations.refresh,
599
+ disabled: false,
600
+ isOverflow: false
601
+ },
602
+ this.enableCSV ? {
603
+ active: false,
604
+ icon: "export",
605
+ indicator: false,
606
+ func: () => void this._exportToCSV(),
607
+ label: this._translations.exportCSV,
608
+ disabled: featuresEmpty,
609
+ isOverflow: false
610
+ } : undefined, {
611
+ active: false,
612
+ icon: this._showHideOpen ? "chevron-down" : "chevron-right",
613
+ indicator: false,
614
+ func: () => this._toggleShowHide(),
615
+ label: this._translations.showHideColumns,
616
+ disabled: false,
617
+ isOverflow: false,
618
+ isSublist: true
619
+ }];
620
+ this._defaultVisibleToolSizeInfos = undefined;
621
+ }
620
622
  }
621
623
  /**
622
624
  * Returns true when one ore more features are selected
@@ -827,12 +829,21 @@ const LayerTable = class {
827
829
  if ((_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.id) {
828
830
  urlObj.searchParams.set("webmap", this.mapInfo.id);
829
831
  }
832
+ else {
833
+ urlObj.searchParams.delete("webmap");
834
+ }
830
835
  if ((_c = this._layer) === null || _c === void 0 ? void 0 : _c.id) {
831
836
  urlObj.searchParams.set("layer", this._layer.id);
832
837
  }
838
+ else {
839
+ urlObj.searchParams.delete("layer");
840
+ }
833
841
  if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
834
842
  urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
835
843
  }
844
+ else {
845
+ urlObj.searchParams.delete("oid");
846
+ }
836
847
  if (this._filterActive) {
837
848
  const filter = JSON.parse(this._filterList.urlParams.get("filter"));
838
849
  const layerExpressions = this._filterList.layerExpressions.map(layerExp => {
@@ -846,7 +857,11 @@ const LayerTable = class {
846
857
  });
847
858
  urlObj.searchParams.set("filter", JSON.stringify(layerExpressions));
848
859
  }
860
+ else {
861
+ urlObj.searchParams.delete("filter");
862
+ }
849
863
  this._shareNode.shareUrl = urlObj.href;
864
+ history.pushState(history.state, document.title, urlObj.href);
850
865
  }
851
866
  /**
852
867
  * Get a tooltip
@@ -1166,7 +1181,7 @@ const LayerTable = class {
1166
1181
  */
1167
1182
  _filterModal() {
1168
1183
  var _a, _b, _c;
1169
- return (index.h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, index.h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), index.h("div", { slot: "content" }, index.h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
1184
+ return (index.h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, index.h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), index.h("div", { slot: "content" }, index.h("instant-apps-filter-list", { autoUpdateUrl: true, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
1170
1185
  }
1171
1186
  /**
1172
1187
  * Reset the filter active prop
package/dist/collection/components/layer-table/layer-table.js CHANGED
@@ -444,93 +444,95 @@ export class LayerTable {
444
444
  const featuresSelected = this._featuresSelected();
445
445
  const featuresEmpty = this._featuresEmpty();
446
446
  const hasFilterExpressions = this._hasFilterExpressions();
447
- this._toolInfos = [{
448
- active: false,
449
- icon: "zoom-to-object",
450
- indicator: false,
451
- label: this._translations.zoom,
452
- func: () => this._zoom(),
453
- disabled: !featuresSelected,
454
- isOverflow: false
455
- },
456
- hasFilterExpressions ? {
457
- active: false,
458
- icon: "filter",
459
- indicator: false,
460
- label: this._translations.filters,
461
- func: () => this._toggleFilter(),
462
- disabled: false,
463
- isOverflow: false
464
- } : undefined,
465
- this._deleteEnabled ? {
466
- active: false,
467
- icon: "trash",
468
- indicator: false,
469
- label: this._translations.delete,
470
- func: () => this._delete(),
471
- disabled: !featuresSelected,
472
- isDanger: true,
473
- isOverflow: false
474
- } : undefined, {
475
- active: false,
476
- icon: "erase",
477
- indicator: false,
478
- label: this._translations.clearSelection,
479
- func: () => this._clearSelection(),
480
- disabled: !featuresSelected,
481
- isOverflow: false
482
- }, {
483
- active: false,
484
- icon: "selected-items-filter",
485
- indicator: false,
486
- label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
487
- func: () => this._toggleShowSelected(),
488
- disabled: !featuresSelected,
489
- isOverflow: false
490
- }, {
491
- active: false,
492
- icon: "list-check-all",
493
- indicator: false,
494
- func: () => this._selectAll(),
495
- label: this._translations.selectAll,
496
- disabled: featuresEmpty,
497
- isOverflow: false
498
- }, {
499
- active: false,
500
- icon: "compare",
501
- indicator: false,
502
- func: () => this._switchSelected(),
503
- label: this._translations.switchSelected,
504
- disabled: featuresEmpty,
505
- isOverflow: false
506
- }, {
507
- active: false,
508
- icon: "refresh",
509
- indicator: false,
510
- func: () => this._refresh(),
511
- label: this._translations.refresh,
512
- disabled: false,
513
- isOverflow: false
514
- },
515
- this.enableCSV ? {
516
- active: false,
517
- icon: "export",
518
- indicator: false,
519
- func: () => void this._exportToCSV(),
520
- label: this._translations.exportCSV,
521
- disabled: featuresEmpty,
522
- isOverflow: false
523
- } : undefined, {
524
- active: false,
525
- icon: this._showHideOpen ? "chevron-down" : "chevron-right",
526
- indicator: false,
527
- func: () => this._toggleShowHide(),
528
- label: this._translations.showHideColumns,
529
- disabled: false,
530
- isOverflow: false,
531
- isSublist: true
532
- }];
533
- this._defaultVisibleToolSizeInfos = undefined;
447
+ if (this._translations) {
448
+ this._toolInfos = [{
449
+ active: false,
450
+ icon: "zoom-to-object",
451
+ indicator: false,
452
+ label: this._translations.zoom,
453
+ func: () => this._zoom(),
454
+ disabled: !featuresSelected,
455
+ isOverflow: false
456
+ },
457
+ hasFilterExpressions ? {
458
+ active: false,
459
+ icon: "filter",
460
+ indicator: false,
461
+ label: this._translations.filters,
462
+ func: () => this._toggleFilter(),
463
+ disabled: false,
464
+ isOverflow: false
465
+ } : undefined,
466
+ this._deleteEnabled ? {
467
+ active: false,
468
+ icon: "trash",
469
+ indicator: false,
470
+ label: this._translations.delete,
471
+ func: () => this._delete(),
472
+ disabled: !featuresSelected,
473
+ isDanger: true,
474
+ isOverflow: false
475
+ } : undefined, {
476
+ active: false,
477
+ icon: "erase",
478
+ indicator: false,
479
+ label: this._translations.clearSelection,
480
+ func: () => this._clearSelection(),
481
+ disabled: !featuresSelected,
482
+ isOverflow: false
483
+ }, {
484
+ active: false,
485
+ icon: "selected-items-filter",
486
+ indicator: false,
487
+ label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
488
+ func: () => this._toggleShowSelected(),
489
+ disabled: !featuresSelected,
490
+ isOverflow: false
491
+ }, {
492
+ active: false,
493
+ icon: "list-check-all",
494
+ indicator: false,
495
+ func: () => this._selectAll(),
496
+ label: this._translations.selectAll,
497
+ disabled: featuresEmpty,
498
+ isOverflow: false
499
+ }, {
500
+ active: false,
501
+ icon: "compare",
502
+ indicator: false,
503
+ func: () => this._switchSelected(),
504
+ label: this._translations.switchSelected,
505
+ disabled: featuresEmpty,
506
+ isOverflow: false
507
+ }, {
508
+ active: false,
509
+ icon: "refresh",
510
+ indicator: false,
511
+ func: () => this._refresh(),
512
+ label: this._translations.refresh,
513
+ disabled: false,
514
+ isOverflow: false
515
+ },
516
+ this.enableCSV ? {
517
+ active: false,
518
+ icon: "export",
519
+ indicator: false,
520
+ func: () => void this._exportToCSV(),
521
+ label: this._translations.exportCSV,
522
+ disabled: featuresEmpty,
523
+ isOverflow: false
524
+ } : undefined, {
525
+ active: false,
526
+ icon: this._showHideOpen ? "chevron-down" : "chevron-right",
527
+ indicator: false,
528
+ func: () => this._toggleShowHide(),
529
+ label: this._translations.showHideColumns,
530
+ disabled: false,
531
+ isOverflow: false,
532
+ isSublist: true
533
+ }];
534
+ this._defaultVisibleToolSizeInfos = undefined;
535
+ }
534
536
  }
535
537
  /**
536
538
  * Returns true when one ore more features are selected
@@ -741,12 +743,21 @@ export class LayerTable {
741
743
  if ((_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.id) {
742
744
  urlObj.searchParams.set("webmap", this.mapInfo.id);
743
745
  }
746
+ else {
747
+ urlObj.searchParams.delete("webmap");
748
+ }
744
749
  if ((_c = this._layer) === null || _c === void 0 ? void 0 : _c.id) {
745
750
  urlObj.searchParams.set("layer", this._layer.id);
746
751
  }
752
+ else {
753
+ urlObj.searchParams.delete("layer");
754
+ }
747
755
  if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
748
756
  urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
749
757
  }
758
+ else {
759
+ urlObj.searchParams.delete("oid");
760
+ }
750
761
  if (this._filterActive) {
751
762
  const filter = JSON.parse(this._filterList.urlParams.get("filter"));
752
763
  const layerExpressions = this._filterList.layerExpressions.map(layerExp => {
@@ -760,7 +771,11 @@ export class LayerTable {
760
771
  });
761
772
  urlObj.searchParams.set("filter", JSON.stringify(layerExpressions));
762
773
  }
774
+ else {
775
+ urlObj.searchParams.delete("filter");
776
+ }
763
777
  this._shareNode.shareUrl = urlObj.href;
778
+ history.pushState(history.state, document.title, urlObj.href);
764
779
  }
765
780
  /**
766
781
  * Get a tooltip
@@ -1080,7 +1095,7 @@ export class LayerTable {
1080
1095
  */
1081
1096
  _filterModal() {
1082
1097
  var _a, _b, _c;
1083
- return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
1098
+ return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: async () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: true, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), layerExpressions: this._layerExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
1084
1099
  }
1085
1100
  /**
1086
1101
  * Reset the filter active prop