@lion/ui 0.3.1 → 0.3.2

package/components/input-file/src/LionInputFile.js

@@ -176,26 +176,28 @@ export class LionInputFile extends ScopedElementsMixin(LocalizeMixin(LionField))
     this.__duplicateFileNamesValidator = new DuplicateFileNames({ show: false });
   }
 
+  /**
+   * @protected
+   * @type {LionSelectedFileList}
+   */
+  get _fileListNode() {
+    return /** @type {LionSelectedFileList} */ (
+      Array.from(this.children).find(child => child.slot === 'selected-file-list')?.children[0]
+    );
+  }
+
   connectedCallback() {
     super.connectedCallback();
     this.__initialUploadResponse = this.uploadResponse;
 
     this._inputNode.addEventListener('change', this._onChange);
     this._inputNode.addEventListener('click', this._onClick);
-    this.addEventListener(
-      'file-remove-requested',
-      /** @type {EventListener} */ (this._onRemoveFile),
-    );
   }
 
   disconnectedCallback() {
     super.disconnectedCallback();
     this._inputNode.removeEventListener('change', this._onChange);
     this._inputNode.removeEventListener('click', this._onClick);
-    this.removeEventListener(
-      'file-remove-requested',
-      /** @type {EventListener} */ (this._onRemoveFile),
-    );
   }
 
   /**
@@ -347,6 +349,11 @@ export class LionInputFile extends ScopedElementsMixin(LocalizeMixin(LionField))
       this.__setupDragDropEventListeners();
       this.setAttribute('drop-zone', '');
     }
+
+    /** @type {LionSelectedFileList} */ (this._fileListNode).addEventListener(
+      'file-remove-requested',
+      /** @type {EventListener} */ (this._onRemoveFile),
+    );
   }
 
   /**

package/components/input-file/src/LionSelectedFileList.js

@@ -74,10 +74,7 @@ export class LionSelectedFileList extends LocalizeMixin(ScopedElementsMixin(LitE
    */
   _removeFile(removedFile) {
     this.dispatchEvent(
-      // TODO: do we need bubble and composed for an internal event that only LionInputFile should know about?
       new CustomEvent('file-remove-requested', {
-        // composed: true,
-        // bubbles: true,
         detail: {
           removedFile,
           status: removedFile.status,

package/components/input-file/test/lion-input-file.test.js

@@ -852,10 +852,9 @@ describe('lion-input-file', () => {
       // @ts-expect-error [allow-protected-in-test]
       expect(el._selectedFilesMetaData[1].systemFile.name).to.equal('file2.txt');
 
-      el.dispatchEvent(
+      // @ts-expect-error [allow-protected-in-test]
+      el._fileListNode.dispatchEvent(
         new CustomEvent('file-remove-requested', {
-          composed: true,
-          bubbles: true,
           detail: {
             removedFile,
             status: removedFile.status,

package/custom-elements.json

@@ -21835,6 +21835,14 @@
               "name": "_isDragAndDropSupported",
               "privacy": "protected"
             },
+            {
+              "kind": "field",
+              "name": "_fileListNode",
+              "privacy": "protected",
+              "type": {
+                "text": "LionSelectedFileList"
+              }
+            },
             {
               "kind": "method",
               "name": "onLocaleUpdated"
@@ -61526,6 +61534,14 @@
               "name": "__duplicateFileNamesValidator",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_fileListNode",
+              "type": {
+                "text": "LionSelectedFileList"
+              },
+              "privacy": "protected"
+            },
             {
               "kind": "field",
               "name": "_acceptCriteria",
@@ -69141,6 +69157,167 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/components/localize/types/LocalizeMixinTypes.d.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LocalizeMixinHost",
+          "members": [
+            {
+              "kind": "field",
+              "name": "localizeNamespaces",
+              "type": {
+                "text": "StringToFunctionMap[]"
+              },
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "waitForLocalizeNamespaces",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "localizeNamespacesLoaded",
+              "type": {
+                "text": "Promise<Object> | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleReady",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "newLocale",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "oldLocale",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleUpdated",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "msgLit",
+              "return": {
+                "type": {
+                  "text": "string | DirectiveResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "keys",
+                  "type": {
+                    "text": "string | string[]"
+                  }
+                },
+                {
+                  "name": "variables",
+                  "optional": true,
+                  "type": {
+                    "text": "msgVariables"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "msgOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_localizeManager",
+              "type": {
+                "text": "LocalizeManager"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "__boundLocalizeOnLocaleChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__boundLocalizeOnLocaleChanging",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__getUniqueNamespaces",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeOnLocaleChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeMessageSync",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeStartLoadingNamespaces",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeOnLocaleChanging",
+              "privacy": "private"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LocalizeMixinHost",
+          "declaration": {
+            "name": "LocalizeMixinHost",
+            "module": "dist-types/components/localize/types/LocalizeMixinTypes.d.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist-types/components/overlays/src/ArrowMixin.d.ts",
@@ -70639,167 +70816,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist-types/components/localize/types/LocalizeMixinTypes.d.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LocalizeMixinHost",
-          "members": [
-            {
-              "kind": "field",
-              "name": "localizeNamespaces",
-              "type": {
-                "text": "StringToFunctionMap[]"
-              },
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "waitForLocalizeNamespaces",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "localizeNamespacesLoaded",
-              "type": {
-                "text": "Promise<Object> | undefined"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onLocaleReady",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onLocaleChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "newLocale",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "oldLocale",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onLocaleUpdated",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "msgLit",
-              "return": {
-                "type": {
-                  "text": "string | DirectiveResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "keys",
-                  "type": {
-                    "text": "string | string[]"
-                  }
-                },
-                {
-                  "name": "variables",
-                  "optional": true,
-                  "type": {
-                    "text": "msgVariables"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "msgOptions"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "_localizeManager",
-              "type": {
-                "text": "LocalizeManager"
-              },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "__boundLocalizeOnLocaleChanged",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "__boundLocalizeOnLocaleChanging",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "__getUniqueNamespaces",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "__localizeOnLocaleChanged",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "__localizeMessageSync",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "__localizeStartLoadingNamespaces",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "__localizeOnLocaleChanging",
-              "privacy": "private"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LocalizeMixinHost",
-          "declaration": {
-            "name": "LocalizeMixinHost",
-            "module": "dist-types/components/localize/types/LocalizeMixinTypes.d.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist-types/components/overlays/test/ArrowMixin.test.d.ts",

package/dist-types/components/input-file/src/LionInputFile.d.ts

@@ -109,6 +109,11 @@ export class LionInputFile extends LionInputFile_base {
     protected _onRemoveFile(ev: CustomEvent): void;
     /** @private */
     private __duplicateFileNamesValidator;
+    /**
+     * @protected
+     * @type {LionSelectedFileList}
+     */
+    protected get _fileListNode(): LionSelectedFileList;
     connectedCallback(): void;
     disconnectedCallback(): void;
     get _acceptCriteria(): {

package/dist-types/components/input-file/src/LionInputFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputFile.d.ts","sourceRoot":"","sources":["../../../../components/input-file/src/LionInputFile.js"],"names":[],"mappings":";AAiCA;IACE;;MAKC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWC;IAED,sGAGE;IAEF,uCAEC;IAgxBD,gFAoCC;IAlzBD;;OAEG;IACH;;;;;;MAqBC;IAED;;;OAGG;IACH,6CAEC;IAED;;OAEG;IACH,4CAEC;IAWD;;OAEG;IACH,6BAKC;IAjBD;;;;OAIG;IACH,0BAEC;IAOC,qBAAqB;IACrB,kCAA6B;IAI/B;;;OAGG;IAEH,+CAEC;IAED;;OAEG;IAGH,iDAEC;IAIC,aAAkB;IAClB;;;OAGG;IACH,kCAFU,SAAS,EAAE,CAEW;IAChC;;OAEG;IAEH,gBAHU,cAAc,EAAE,CAGF;IACxB;;OAEG;IACH,gCAAkD;IAElD,wBAA2B;IAC3B,kBAAqB;IACrB,wBAA2B;IAC3B,oBAAgC;IAChC,eAAgB;IAChB;;OAEG;IACH,YAFU,SAAS,EAAE,CAED;IAkkBtB;;;OAGG;IACH,4BAHW,WAAW,QAarB;IAzkBC,eAAe;IACf,sCAA4E;IAG9E,0BAUC;IAED,6BAQC;IAgBD;;;;MAeC;IA2BD;;;;;OAKG;IACH,mDAJW,MAAM,QACN,MAAM,SAUhB;IAED;;;OAGG;IACH,UAFa,SAAS,EAAE,CAKvB;IAED;;;;OAIG;IAEH,aAJW,SAAS,EAAE,GACT,MAAM,CAKlB;IAED,eAAe;IACf,sCA6BC;IA+BD;;OAEG;IACH,2BAFW,OAAO,KAAK,EAAE,cAAc,QAgFtC;IAGD;;;OAGG;IACH,+BAcC;IAED;;;OAGG;IACH,mCAHW,SAAS,QAwBnB;IAkBD;;;;OAIG;IAEH,uBAJW,KAAK,QAOf;IAED;;OAEG;IACH,uCASC;IAED;;OAEG;IACH,yDAQC;IAED;;OAEG;IACH,0DAKC;IAED;;OAEG;IACH,8BAMC;IAED;;;;;OAKG;IACH,uCAHW,SAAS,EAAE,QAsDrB;IAED;;;OAGG;IACH,iDAHW,SAAS,EAAE,QAcrB;IAED;;OAEG;IACH,gCAsBC;IADC,oCAA+B;IAGjC;;;OAGG;IAEH,uCAJW,SAAS,QAgEnB;IAED;;;OAGG;IACH,6BAYC;IAmBD;;;OAGG;IACH,mCAHW,SAAS,QAgBnB;IAeD;;;OAGG;IACH,6BAEC;IAED;;;OAGG;IACH,+BAHY,cAAc,CAYzB;IAoED;;OAEG;IACH,2BAFW,UAAU,QAMpB;CACF;6BAh3BY,OAAO,KAAK,EAAE,cAAc;4BAC5B,OAAO,KAAK,EAAE,aAAa;wBAC3B,OAAO,wBAAwB,EAAE,SAAS;yBAC1C,OAAO,wBAAwB,EAAE,UAAU;6BAC3C,OAAO,wBAAwB,EAAE,cAAc"}
+{"version":3,"file":"LionInputFile.d.ts","sourceRoot":"","sources":["../../../../components/input-file/src/LionInputFile.js"],"names":[],"mappings":";AAiCA;IACE;;MAKC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWC;IAED,sGAGE;IAEF,uCAEC;IAuxBD,gFAoCC;IAzzBD;;OAEG;IACH;;;;;;MAqBC;IAED;;;OAGG;IACH,6CAEC;IAED;;OAEG;IACH,4CAEC;IAWD;;OAEG;IACH,6BAKC;IAjBD;;;;OAIG;IACH,0BAEC;IAOC,qBAAqB;IACrB,kCAA6B;IAI/B;;;OAGG;IAEH,+CAEC;IAED;;OAEG;IAGH,iDAEC;IAIC,aAAkB;IAClB;;;OAGG;IACH,kCAFU,SAAS,EAAE,CAEW;IAChC;;OAEG;IAEH,gBAHU,cAAc,EAAE,CAGF;IACxB;;OAEG;IACH,gCAAkD;IAElD,wBAA2B;IAC3B,kBAAqB;IACrB,wBAA2B;IAC3B,oBAAgC;IAChC,eAAgB;IAChB;;OAEG;IACH,YAFU,SAAS,EAAE,CAED;IAykBtB;;;OAGG;IACH,4BAHW,WAAW,QAarB;IAhlBC,eAAe;IACf,sCAA4E;IAG9E;;;OAGG;IACH,oDAIC;IAED,0BAMC;IAED,6BAIC;IAgBD;;;;MAeC;IA2BD;;;;;OAKG;IACH,mDAJW,MAAM,QACN,MAAM,SAUhB;IAED;;;OAGG;IACH,UAFa,SAAS,EAAE,CAKvB;IAED;;;;OAIG;IAEH,aAJW,SAAS,EAAE,GACT,MAAM,CAKlB;IAED,eAAe;IACf,sCA6BC;IAoCD;;OAEG;IACH,2BAFW,OAAO,KAAK,EAAE,cAAc,QAgFtC;IAGD;;;OAGG;IACH,+BAcC;IAED;;;OAGG;IACH,mCAHW,SAAS,QAwBnB;IAkBD;;;;OAIG;IAEH,uBAJW,KAAK,QAOf;IAED;;OAEG;IACH,uCASC;IAED;;OAEG;IACH,yDAQC;IAED;;OAEG;IACH,0DAKC;IAED;;OAEG;IACH,8BAMC;IAED;;;;;OAKG;IACH,uCAHW,SAAS,EAAE,QAsDrB;IAED;;;OAGG;IACH,iDAHW,SAAS,EAAE,QAcrB;IAED;;OAEG;IACH,gCAsBC;IADC,oCAA+B;IAGjC;;;OAGG;IAEH,uCAJW,SAAS,QAgEnB;IAED;;;OAGG;IACH,6BAYC;IAmBD;;;OAGG;IACH,mCAHW,SAAS,QAgBnB;IAeD;;;OAGG;IACH,6BAEC;IAED;;;OAGG;IACH,+BAHY,cAAc,CAYzB;IAoED;;OAEG;IACH,2BAFW,UAAU,QAMpB;CACF;6BAv3BY,OAAO,KAAK,EAAE,cAAc;4BAC5B,OAAO,KAAK,EAAE,aAAa;wBAC3B,OAAO,wBAAwB,EAAE,SAAS;yBAC1C,OAAO,wBAAwB,EAAE,UAAU;6BAC3C,OAAO,wBAAwB,EAAE,cAAc"}

package/dist-types/components/input-file/src/LionSelectedFileList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionSelectedFileList.d.ts","sourceRoot":"","sources":["../../../../components/input-file/src/LionSelectedFileList.js"],"names":[],"mappings":";AASA;;;;GAIG;AAEH;IACE,iCAMC;IAED;;;;;;;MAKC;IAED,sGAGE;IA2KF,+CAyBC;IAhMC;;OAEG;IACH,UAFU,SAAS,EAAE,CAEH;IAClB,kBAAqB;IAavB,6BAaC;IAED;;;OAGG;IACH,mCAFW,SAAS,QAenB;IAED;;;;;OAKG;IAEH,0DALW,MAAM,OAAO,sDAAsD,EAAE,eAAe,CAAC,YACrF,MAAM,GACL,cAAc,CAWzB;IAED;;;;OAIG;IAEH,wCAJW,SAAS,GACR,cAAc,iBAAQ,CAKjC;IAED;;;;;OAKG;IAEH,uCALW,SAAS,YACT,MAAM,GACL,cAAc,CAezB;IAED;;;OAGG;IAEH,0CAHY,cAAc,CAKzB;IAED;;;;OAIG;IACH,0CAHW,SAAS,GACR,cAAc,CAsCzB;IAED,gEAcC;CA4BF;6BA7NY,OAAO,KAAK,EAAE,cAAc;wBAC5B,OAAO,wBAAwB,EAAE,SAAS;yBAC1C,OAAO,wBAAwB,EAAE,UAAU"}
+{"version":3,"file":"LionSelectedFileList.d.ts","sourceRoot":"","sources":["../../../../components/input-file/src/LionSelectedFileList.js"],"names":[],"mappings":";AASA;;;;GAIG;AAEH;IACE,iCAMC;IAED;;;;;;;MAKC;IAED,sGAGE;IAwKF,+CAyBC;IA7LC;;OAEG;IACH,UAFU,SAAS,EAAE,CAEH;IAClB,kBAAqB;IAavB,6BAaC;IAED;;;OAGG;IACH,mCAFW,SAAS,QAYnB;IAED;;;;;OAKG;IAEH,0DALW,MAAM,OAAO,sDAAsD,EAAE,eAAe,CAAC,YACrF,MAAM,GACL,cAAc,CAWzB;IAED;;;;OAIG;IAEH,wCAJW,SAAS,GACR,cAAc,iBAAQ,CAKjC;IAED;;;;;OAKG;IAEH,uCALW,SAAS,YACT,MAAM,GACL,cAAc,CAezB;IAED;;;OAGG;IAEH,0CAHY,cAAc,CAKzB;IAED;;;;OAIG;IACH,0CAHW,SAAS,GACR,cAAc,CAsCzB;IAED,gEAcC;CA4BF;6BA1NY,OAAO,KAAK,EAAE,cAAc;wBAC5B,OAAO,wBAAwB,EAAE,SAAS;yBAC1C,OAAO,wBAAwB,EAAE,UAAU"}