@internetarchive/collection-browser 4.1.0-alpha-webdev8164.0 → 4.1.0-alpha-webdev8186.0

package/package.json

@@ -1,121 +1,121 @@
-{
-  "name": "@internetarchive/collection-browser",
-  "description": "The Internet Archive Collection Browser.",
-  "license": "AGPL-3.0-only",
-  "author": "Internet Archive",
-  "version": "4.1.0-alpha-webdev8164.0",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "scripts": {
-    "start": "vite",
-    "prepare:ghpages": "rimraf ghpages && yarn run prepare && vite build",
-    "prepare": "rimraf dist && tsc && husky install",
-    "lint": "eslint . && prettier \"**/*.ts\" --check",
-    "format": "eslint . --fix && prettier \"**/*.ts\" --write",
-    "circular": "madge --circular --extensions ts .",
-    "test": "tsc && yarn run lint && yarn run circular && wtr --coverage",
-    "test:fast": "tsc && wtr --coverage",
-    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
-    "deploy": "yarn run deploy:run -e $(git branch --show-current)",
-    "deploy:run": "yarn run prepare:ghpages && touch ghpages/.nojekyll && yarn run deploy:gh",
-    "deploy:gh": "gh-pages -t -d ghpages -m \"Build for $(git log --pretty=format:\"%h %an %ai %s\" -n1) [skip ci]\"",
-    "typecheck": "yarn tsc --noEmit"
-  },
-  "types": "dist/index.d.ts",
-  "dependencies": {
-    "@a11y/focus-trap": "^1.0.5",
-    "@internetarchive/analytics-manager": "^0.1.4",
-    "@internetarchive/elements": "^0.2.2",
-    "@internetarchive/feature-feedback": "^1.0.0",
-    "@internetarchive/field-parsers": "^1.0.0",
-    "@internetarchive/histogram-date-range": "^1.4.1",
-    "@internetarchive/ia-dropdown": "^2.0.0",
-    "@internetarchive/iaux-item-metadata": "^1.0.5",
-    "@internetarchive/infinite-scroller": "^1.0.1",
-    "@internetarchive/modal-manager": "^2.0.5",
-    "@internetarchive/search-service": "^2.7.0",
-    "@internetarchive/shared-resize-observer": "^0.2.0",
-    "@lit/localize": "^0.12.2",
-    "dompurify": "^3.2.4",
-    "lit": "^2.8.0 || ^3.3.2",
-    "typescript-cookie": "^1.0.6"
-  },
-  "devDependencies": {
-    "@internetarchive/result-type": "^0.0.1",
-    "@open-wc/eslint-config": "^12.0.3",
-    "@open-wc/testing": "^4.0.0",
-    "@rollup/plugin-image": "^3.0.3",
-    "@types/dompurify": "^3.2.0",
-    "@types/mocha": "^10.0.10",
-    "@typescript-eslint/eslint-plugin": "^8.27.0",
-    "@typescript-eslint/parser": "^8.27.0",
-    "@vitejs/plugin-basic-ssl": "^2.1.4",
-    "@web/dev-server": "^0.4.6",
-    "@web/dev-server-rollup": "^0.6.4",
-    "@web/test-runner": "^0.20.0",
-    "concurrently": "^9.1.2",
-    "eslint": "^9.22.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-html": "^8.1.2",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-lit": "^2.0.0",
-    "eslint-plugin-lit-a11y": "^4.1.4",
-    "eslint-plugin-no-only-tests": "^3.3.0",
-    "eslint-plugin-wc": "^3.0.0",
-    "gh-pages": "^6.3.0",
-    "husky": "^9.1.7",
-    "madge": "^8.0.0",
-    "prettier": "^3.5.3",
-    "rimraf": "^6.0.1",
-    "sinon": "^19.0.4",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.2"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "extends": [
-      "@open-wc",
-      "prettier"
-    ],
-    "plugins": [
-      "@typescript-eslint"
-    ],
-    "rules": {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": [
-        "error"
-      ],
-      "no-shadow": "off",
-      "@typescript-eslint/no-shadow": [
-        "error"
-      ],
-      "class-methods-use-this": "off",
-      "import/no-unresolved": "off",
-      "import/extensions": [
-        "off",
-        "ignorePackages",
-        {
-          "js": "never",
-          "ts": "never"
-        }
-      ],
-      "no-unsafe-optional-chaining": "warn",
-      "default-param-last": "warn"
-    }
-  },
-  "prettier": {
-    "singleQuote": true,
-    "arrowParens": "avoid"
-  },
-  "lint-staged": {
-    "*.ts": [
-      "eslint --fix",
-      "prettier --write",
-      "git add"
-    ]
-  }
-}
+{
+  "name": "@internetarchive/collection-browser",
+  "description": "The Internet Archive Collection Browser.",
+  "license": "AGPL-3.0-only",
+  "author": "Internet Archive",
+  "version": "4.1.0-alpha-webdev8186.0",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "scripts": {
+    "start": "vite",
+    "prepare:ghpages": "rimraf ghpages && yarn run prepare && vite build",
+    "prepare": "rimraf dist && tsc && husky install",
+    "lint": "eslint . && prettier \"**/*.ts\" --check",
+    "format": "eslint . --fix && prettier \"**/*.ts\" --write",
+    "circular": "madge --circular --extensions ts .",
+    "test": "tsc && yarn run lint && yarn run circular && wtr --coverage",
+    "test:fast": "tsc && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "deploy": "yarn run deploy:run -e $(git branch --show-current)",
+    "deploy:run": "yarn run prepare:ghpages && touch ghpages/.nojekyll && yarn run deploy:gh",
+    "deploy:gh": "gh-pages -t -d ghpages -m \"Build for $(git log --pretty=format:\"%h %an %ai %s\" -n1) [skip ci]\"",
+    "typecheck": "yarn tsc --noEmit"
+  },
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@a11y/focus-trap": "^1.0.5",
+    "@internetarchive/analytics-manager": "^0.1.4",
+    "@internetarchive/elements": "^0.2.2",
+    "@internetarchive/feature-feedback": "^1.0.0",
+    "@internetarchive/field-parsers": "^1.0.0",
+    "@internetarchive/histogram-date-range": "^1.4.1",
+    "@internetarchive/ia-dropdown": "^2.0.0",
+    "@internetarchive/iaux-item-metadata": "^1.0.5",
+    "@internetarchive/infinite-scroller": "^1.0.1",
+    "@internetarchive/modal-manager": "^2.0.5",
+    "@internetarchive/search-service": "^2.7.0",
+    "@internetarchive/shared-resize-observer": "^0.2.0",
+    "@lit/localize": "^0.12.2",
+    "dompurify": "^3.2.4",
+    "lit": "^2.8.0 || ^3.3.2",
+    "typescript-cookie": "^1.0.6"
+  },
+  "devDependencies": {
+    "@internetarchive/result-type": "^0.0.1",
+    "@open-wc/eslint-config": "^12.0.3",
+    "@open-wc/testing": "^4.0.0",
+    "@rollup/plugin-image": "^3.0.3",
+    "@types/dompurify": "^3.2.0",
+    "@types/mocha": "^10.0.10",
+    "@typescript-eslint/eslint-plugin": "^8.27.0",
+    "@typescript-eslint/parser": "^8.27.0",
+    "@vitejs/plugin-basic-ssl": "^2.1.4",
+    "@web/dev-server": "^0.4.6",
+    "@web/dev-server-rollup": "^0.6.4",
+    "@web/test-runner": "^0.20.0",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-html": "^8.1.2",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-lit": "^2.0.0",
+    "eslint-plugin-lit-a11y": "^4.1.4",
+    "eslint-plugin-no-only-tests": "^3.3.0",
+    "eslint-plugin-wc": "^3.0.0",
+    "gh-pages": "^6.3.0",
+    "husky": "^9.1.7",
+    "madge": "^8.0.0",
+    "prettier": "^3.5.3",
+    "rimraf": "^6.0.1",
+    "sinon": "^19.0.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "eslintConfig": {
+    "parser": "@typescript-eslint/parser",
+    "extends": [
+      "@open-wc",
+      "prettier"
+    ],
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error"
+      ],
+      "no-shadow": "off",
+      "@typescript-eslint/no-shadow": [
+        "error"
+      ],
+      "class-methods-use-this": "off",
+      "import/no-unresolved": "off",
+      "import/extensions": [
+        "off",
+        "ignorePackages",
+        {
+          "js": "never",
+          "ts": "never"
+        }
+      ],
+      "no-unsafe-optional-chaining": "warn",
+      "default-param-last": "warn"
+    }
+  },
+  "prettier": {
+    "singleQuote": true,
+    "arrowParens": "avoid"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write",
+      "git add"
+    ]
+  }
+}

package/renovate.json

@@ -1,6 +1,6 @@
-{
-  "extends": [
-    "config:base",
-    ":preserveSemverRanges"
-  ]
-}
+{
+  "extends": [
+    "config:base",
+    ":preserveSemverRanges"
+  ]
+}

package/src/collection-browser.ts

@@ -858,21 +858,14 @@ export class CollectionBrowser
     if (this.suppressSortBar) return nothing;
 
     // Determine the set of sortable fields that should be shown in the sort bar
-    let defaultViewSort = SortField.weeklyview;
-    let defaultDateSort = SortField.date;
     let sortFieldAvailability = defaultSortAvailability;
 
-    // We adjust the sort options for a couple of special cases...
+    // We adjust the available sort options for a couple of special cases...
     if (this.withinCollection?.startsWith('fav-')) {
-      // When viewing a fav- collection, we include the Date Favorited option and show
-      // it as the default in the date dropdown.
-      defaultDateSort = SortField.datefavorited;
+      // When viewing a fav- collection, we include the Date Favorited option as the default
       sortFieldAvailability = favoritesSortAvailability;
     } else if (!this.withinCollection && this.searchType === SearchType.TV) {
-      // When viewing TV search results, we default the views dropdown to All-time Views
-      // and exclude several of the usual date sort options.
-      defaultViewSort = SortField.alltimeview;
-      defaultDateSort = SortField.datearchived;
+      // When viewing TV search results, we exclude several of the usual date sort options.
       sortFieldAvailability = tvSortAvailability;
     }
 
@@ -883,8 +876,6 @@ export class CollectionBrowser
       <sort-filter-bar
         .defaultSortField=${this.defaultSortField}
         .defaultSortDirection=${this.defaultSortDirection}
-        .defaultViewSort=${defaultViewSort}
-        .defaultDateSort=${defaultDateSort}
         .selectedSort=${this.selectedSort}
         .sortDirection=${this.sortDirection}
         .sortFieldAvailability=${sortFieldAvailability}
@@ -892,7 +883,6 @@ export class CollectionBrowser
         .selectedTitleFilter=${this.selectedTitleFilter}
         .selectedCreatorFilter=${this.selectedCreatorFilter}
         .prefixFilterCountMap=${this.dataSource.prefixFilterCountMap}
-        .resizeObserver=${this.resizeObserver}
         .enableSortOptionsSlot=${this.enableSortOptionsSlot}
         .suppressDisplayModes=${this.suppressDisplayModes}
         @sortChanged=${this.userChangedSort}

package/src/collection-facets/facets-template.ts

@@ -63,16 +63,11 @@ export class FacetsTemplate extends LitElement {
   static get styles(): CSSResultGroup {
     const columnCount = css`var(--facetsColumnCount, 1)`;
     const columnGap = css`var(--facetsColumnGap, 15px)`;
-    const columnWidth = css`var(--facetsColumnWidth, auto)`;
-    const maxHeight = css`var(--facetsMaxHeight, none)`;
 
     return css`
       .facet-rows {
         column-count: ${columnCount};
         column-gap: ${columnGap};
-        column-width: ${columnWidth};
-        max-height: ${maxHeight};
-        column-fill: auto;
       }
 
       a:link,