@internetarchive/collection-browser 3.4.1-alpha-webdev7761.2 → 3.4.1-alpha-webdev7761.3

package/dist/src/combo-box/caret-closed.js

@@ -1,13 +1,10 @@
 import { html } from 'lit';
-export default html `
-  <svg
-    class="caret caret-closed"
-    viewBox="0 0 8 4"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="m6.7226499.58397485c.22976435-.15317623.54019902-.09108929.69337525.13867505.13615665.20423498.10222882.47220947-.06836249.63681849l-.07031256.05655676-3.2773501 2.18490006-3.2773501-2.18490006c-.22976434-.15317623-.29185128-.4636109-.13867505-.69337525.13615665-.20423497.39656688-.27598409.61412572-.18182636l.07924953.04315131 2.7226499 1.81402515z"
-    ></path>
-  </svg>
-`;
+export default html `<svg
+  viewBox="0 0 8 4"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="m6.7226499.58397485c.22976435-.15317623.54019902-.09108929.69337525.13867505.13615665.20423498.10222882.47220947-.06836249.63681849l-.07031256.05655676-3.2773501 2.18490006-3.2773501-2.18490006c-.22976434-.15317623-.29185128-.4636109-.13867505-.69337525.13615665-.20423497.39656688-.27598409.61412572-.18182636l.07924953.04315131 2.7226499 1.81402515z"
+  ></path>
+</svg>`;
 //# sourceMappingURL=caret-closed.js.map

package/dist/src/combo-box/caret-closed.js.map

@@ -1 +1 @@
-{"version":3,"file":"caret-closed.js","sourceRoot":"","sources":["../../../src/combo-box/caret-closed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;CAUlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    class=\"caret caret-closed\"\n    viewBox=\"0 0 8 4\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"m6.7226499.58397485c.22976435-.15317623.54019902-.09108929.69337525.13867505.13615665.20423498.10222882.47220947-.06836249.63681849l-.07031256.05655676-3.2773501 2.18490006-3.2773501-2.18490006c-.22976434-.15317623-.29185128-.4636109-.13867505-.69337525.13615665-.20423497.39656688-.27598409.61412572-.18182636l.07924953.04315131 2.7226499 1.81402515z\"\n    ></path>\n  </svg>\n`;\n"]}
+{"version":3,"file":"caret-closed.js","sourceRoot":"","sources":["../../../src/combo-box/caret-closed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;OAOZ,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`<svg\n  viewBox=\"0 0 8 4\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n  <path\n    d=\"m6.7226499.58397485c.22976435-.15317623.54019902-.09108929.69337525.13867505.13615665.20423498.10222882.47220947-.06836249.63681849l-.07031256.05655676-3.2773501 2.18490006-3.2773501-2.18490006c-.22976434-.15317623-.29185128-.4636109-.13867505-.69337525.13615665-.20423497.39656688-.27598409.61412572-.18182636l.07924953.04315131 2.7226499 1.81402515z\"\n  ></path>\n</svg>`;\n"]}

package/dist/src/combo-box/caret-open.js

@@ -1,13 +1,10 @@
 import { html } from 'lit';
-export default html `
-  <svg
-    class="caret caret-open"
-    viewBox="0 0 8 4"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="m6.7226499 3.51689722c.22976435.15317623.54019902.0910893.69337525-.13867505.13615665-.20423497.10222882-.47220946-.06836249-.63681849l-.07031256-.05655675-3.2773501-2.18490007-3.2773501 2.18490007c-.22976434.15317623-.29185128.4636109-.13867505.69337524.13615665.20423498.39656688.27598409.61412572.18182636l.07924953-.04315131 2.7226499-1.81402514z"
-    ></path>
-  </svg>
-`;
+export default html `<svg
+  viewBox="0 0 8 4"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="m6.7226499 3.51689722c.22976435.15317623.54019902.0910893.69337525-.13867505.13615665-.20423497.10222882-.47220946-.06836249-.63681849l-.07031256-.05655675-3.2773501-2.18490007-3.2773501 2.18490007c-.22976434.15317623-.29185128.4636109-.13867505.69337524.13615665.20423498.39656688.27598409.61412572.18182636l.07924953-.04315131 2.7226499-1.81402514z"
+  ></path>
+</svg>`;
 //# sourceMappingURL=caret-open.js.map

package/dist/src/combo-box/caret-open.js.map

@@ -1 +1 @@
-{"version":3,"file":"caret-open.js","sourceRoot":"","sources":["../../../src/combo-box/caret-open.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;CAUlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    class=\"caret caret-open\"\n    viewBox=\"0 0 8 4\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"m6.7226499 3.51689722c.22976435.15317623.54019902.0910893.69337525-.13867505.13615665-.20423497.10222882-.47220946-.06836249-.63681849l-.07031256-.05655675-3.2773501-2.18490007-3.2773501 2.18490007c-.22976434.15317623-.29185128.4636109-.13867505.69337524.13615665.20423498.39656688.27598409.61412572.18182636l.07924953-.04315131 2.7226499-1.81402514z\"\n    ></path>\n  </svg>\n`;\n"]}
+{"version":3,"file":"caret-open.js","sourceRoot":"","sources":["../../../src/combo-box/caret-open.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;OAOZ,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`<svg\n  viewBox=\"0 0 8 4\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n  <path\n    d=\"m6.7226499 3.51689722c.22976435.15317623.54019902.0910893.69337525-.13867505.13615665-.20423497.10222882-.47220946-.06836249-.63681849l-.07031256-.05655675-3.2773501-2.18490007-3.2773501 2.18490007c-.22976434.15317623-.29185128.4636109-.13867505.69337524.13615665.20423498.39656688.27598409.61412572.18182636l.07924953-.04315131 2.7226499-1.81402514z\"\n  ></path>\n</svg>`;\n"]}

package/dist/src/combo-box/clear.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").TemplateResult<1>;
+export default _default;

package/dist/src/combo-box/clear.js

@@ -0,0 +1,11 @@
+import { html } from 'lit';
+export default html `<svg
+  viewBox="0 0 100 100"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="m50 0c27.6142375 0 50 22.3857625 50 50s-22.3857625 50-50 50-50-22.3857625-50-50 22.3857625-50 50-50zm23.8159475 26.1840525c-1.4033215-1.4033215-3.5816761-1.5592461-5.1572272-.4677738l-.5598841.4677738-18.0988362 18.0989475-18.0988362-18.0989475-.5598841-.4677738c-1.5755511-1.0914723-3.7539057-.9355477-5.1572272.4677738-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113l18.0989475 18.0988362-18.0989475 18.0988362c-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113 1.4033215 1.4033215 3.5816761 1.5592461 5.1572272.4677738l.5598841-.4677738 18.0988362-18.0989475 18.0988362 18.0989475.5598841.4677738c1.5755511 1.0914723 3.7539057.9355477 5.1572272-.4677738 1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113l-18.0989475-18.0988362 18.0989475-18.0988362c1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113z"
+    fill-rule="evenodd"
+  ></path>
+</svg>`;
+//# sourceMappingURL=clear.js.map

package/dist/src/combo-box/clear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear.js","sourceRoot":"","sources":["../../../src/combo-box/clear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;OAQZ,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`<svg\n  viewBox=\"0 0 100 100\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n  <path\n    d=\"m50 0c27.6142375 0 50 22.3857625 50 50s-22.3857625 50-50 50-50-22.3857625-50-50 22.3857625-50 50-50zm23.8159475 26.1840525c-1.4033215-1.4033215-3.5816761-1.5592461-5.1572272-.4677738l-.5598841.4677738-18.0988362 18.0989475-18.0988362-18.0989475-.5598841-.4677738c-1.5755511-1.0914723-3.7539057-.9355477-5.1572272.4677738-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113l18.0989475 18.0988362-18.0989475 18.0988362c-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113 1.4033215 1.4033215 3.5816761 1.5592461 5.1572272.4677738l.5598841-.4677738 18.0988362-18.0989475 18.0988362 18.0989475.5598841.4677738c1.5755511 1.0914723 3.7539057.9355477 5.1572272-.4677738 1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113l-18.0989475-18.0988362 18.0989475-18.0988362c1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113z\"\n    fill-rule=\"evenodd\"\n  ></path>\n</svg>`;\n"]}

package/dist/src/combo-box/ia-combo-box.d.ts

@@ -68,7 +68,8 @@ export declare class IAComboBox extends LitElement {
      */
     caseSensitive: boolean;
     /**
-     * Whether the filtered options should be listed in lexicographically-sorted order.
+     * Whether the filtered options should be listed in lexicographically-sorted order,
+     * respecting the current `caseSensitive` setting.
      * Default is `false`, displaying them in the same order as the provided options array.
      */
     sort: boolean;
@@ -89,6 +90,11 @@ export declare class IAComboBox extends LitElement {
      * Default is `false`, closing the options list when a selection is made.
      */
     stayOpen: boolean;
+    /**
+     * Whether the combo box shows a clear button when a value is selected.
+     * Default is `false`.
+     */
+    clearable: boolean;
     /**
      * Whether the combo box's option menu is currently expanded. Default is `false`.
      */
@@ -133,7 +139,6 @@ export declare class IAComboBox extends LitElement {
     private filterText;
     private mainWidgetRow;
     private textInput;
-    private caretButton;
     private optionsList;
     static formAssociated: boolean;
     private internals;
@@ -171,7 +176,7 @@ export declare class IAComboBox extends LitElement {
     /**
      * Template for the main label for the combo box.
      *
-     * Uses the contents of the default (unnamed) slot as the label text.
+     * Uses the contents of the `label` named slot as the label text.
      */
     private get labelTemplate();
     /**
@@ -179,6 +184,11 @@ export declare class IAComboBox extends LitElement {
      * options or (if freeform behavior) to enter a custom value.
      */
     private get textInputTemplate();
+    /**
+     * Template for the clear button that is shown when the `clearable` property
+     * is true.
+     */
+    private get clearButtonTemplate();
     /**
      * Template for the caret open/closed icons to show beside the text input.
      * The icons are wrapped in named slots to allow consumers to override them.
@@ -247,10 +257,22 @@ export declare class IAComboBox extends LitElement {
      * Handler for when the Alt + Down Arrow key combo is pressed
      */
     private handleAltDownArrowPressed;
+    /**
+     * Handler for when the Tab key is pressed
+     */
+    private handleTabPressed;
+    /**
+     * Handler for when the Space key is pressed
+     */
+    private handleSpacePressed;
     /**
      * Handler for clicks on the combo box input field or caret button.
      */
     private handleComboBoxClick;
+    /**
+     * Handler for when the clear button is clicked.
+     */
+    private handleClearButtonClick;
     /**
      * Handler for when any part of the combo box receives focus.
      */
@@ -314,12 +336,27 @@ export declare class IAComboBox extends LitElement {
      * Changes the value of the text input box, and updates the filter accordingly.
      */
     private setTextValue;
+    /**
+     * Sets the current filter text based on the provided string. The resulting filter
+     * text might not exactly match the provided value, depending on the current case
+     * sensitivity.
+     */
+    private setFilterText;
     openOptionsMenu(): void;
     closeOptionsMenu(): void;
     toggleOptionsMenu(): void;
     private updateFormValidity;
     private emitChangeEvent;
     private emitToggleEvent;
+    /**
+     * True iff no selection has been made and no text has been entered.
+     */
+    private get isEmpty();
+    /**
+     * We only show the clear button when the `clearable` property is set
+     * and the combo box is neither empty nor disabled.
+     */
+    private get shouldShowClearButton();
     /**
      * Sets the size and position of the options menu to match the size and position of
      * the combo box widget. Prefers to position below the main widget, but will flip
@@ -331,12 +368,6 @@ export declare class IAComboBox extends LitElement {
      * current case sensitivity.
      */
     private get caseTransform();
-    /**
-     * Sets the current filter text based on the provided string. The resulting filter
-     * text might not exactly match the provided value, depending on the current case
-     * sensitivity.
-     */
-    private setFilterText;
     /**
      * Returns the combo box option having the given ID, or null if none exists.
      */