@carbon/web-components 2.0.1 → 2.0.2-rc.0

package/es/components/file-uploader/file-uploader-button.d.ts

@@ -29,11 +29,15 @@ declare const CDSFileUploaderButton_base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -62,9 +66,12 @@ declare const CDSFileUploaderButton_base: {
         slot: string;
         readonly tagName: string;
         attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions | undefined): boolean;
         closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
+        closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -73,11 +80,14 @@ declare const CDSFileUploaderButton_base: {
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+        getElementsByTagName<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
+        getElementsByTagName<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
+        getElementsByTagName<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
+        getElementsByTagName<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
         getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
         getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
         hasAttribute(qualifiedName: string): boolean;
         hasAttributeNS(namespace: string | null, localName: string): boolean;
@@ -135,24 +145,24 @@ declare const CDSFileUploaderButton_base: {
         normalize(): void;
         removeChild<T_2 extends Node>(child: T_2): T_2;
         replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ATTRIBUTE_NODE: number;
-        readonly CDATA_SECTION_NODE: number;
-        readonly COMMENT_NODE: number;
-        readonly DOCUMENT_FRAGMENT_NODE: number;
-        readonly DOCUMENT_NODE: number;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
-        readonly DOCUMENT_POSITION_CONTAINS: number;
-        readonly DOCUMENT_POSITION_DISCONNECTED: number;
-        readonly DOCUMENT_POSITION_FOLLOWING: number;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
-        readonly DOCUMENT_POSITION_PRECEDING: number;
-        readonly DOCUMENT_TYPE_NODE: number;
-        readonly ELEMENT_NODE: number;
-        readonly ENTITY_NODE: number;
-        readonly ENTITY_REFERENCE_NODE: number;
-        readonly NOTATION_NODE: number;
-        readonly PROCESSING_INSTRUCTION_NODE: number;
-        readonly TEXT_NODE: number;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
@@ -166,6 +176,7 @@ declare const CDSFileUploaderButton_base: {
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
         ariaHidden: string | null;
+        ariaInvalid: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
         ariaLevel: string | null;
@@ -190,6 +201,7 @@ declare const CDSFileUploaderButton_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
+        role: string | null;
         animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
@@ -205,17 +217,19 @@ declare const CDSFileUploaderButton_base: {
         readonly lastElementChild: Element | null;
         append(...nodes: (string | Node)[]): void;
         prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
-        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
+        querySelector<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
+        querySelector<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
+        querySelector<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
+        querySelector<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
         querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
-        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
+        querySelectorAll<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
+        querySelectorAll<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
+        querySelectorAll<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
+        querySelectorAll<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
-        oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -227,14 +241,18 @@ declare const CDSFileUploaderButton_base: {
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
         ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
@@ -267,6 +285,7 @@ declare const CDSFileUploaderButton_base: {
         onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -283,6 +302,7 @@ declare const CDSFileUploaderButton_base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/es/components/file-uploader/file-uploader-button.js

@@ -43,13 +43,13 @@ let CDSFileUploaderButton = _decorate([customElement(`${prefix}-file-uploader-bu
        * Handles `click` event on the button.
        */
       function _handleClick(event) {
-        var _this$shadowRoot, _this$shadowRoot$quer, _this$shadowRoot2;
+        var _this$shadowRoot, _this$shadowRoot2;
         event.target.value = null;
         const {
           selectorInput
         } = this.constructor;
-        this === null || this === void 0 ? void 0 : (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : (_this$shadowRoot$quer = _this$shadowRoot.querySelector(selectorInput)) === null || _this$shadowRoot$quer === void 0 ? void 0 : _this$shadowRoot$quer.setAttribute('value', '');
-        (this === null || this === void 0 ? void 0 : (_this$shadowRoot2 = this.shadowRoot) === null || _this$shadowRoot2 === void 0 ? void 0 : _this$shadowRoot2.querySelector(selectorInput)).click();
+        this === null || this === void 0 || (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 || (_this$shadowRoot = _this$shadowRoot.querySelector(selectorInput)) === null || _this$shadowRoot === void 0 || _this$shadowRoot.setAttribute('value', '');
+        (this === null || this === void 0 || (_this$shadowRoot2 = this.shadowRoot) === null || _this$shadowRoot2 === void 0 ? void 0 : _this$shadowRoot2.querySelector(selectorInput)).click();
       }
 
       /**
@@ -63,9 +63,9 @@ let CDSFileUploaderButton = _decorate([customElement(`${prefix}-file-uploader-bu
           selectorInput
         } = this.constructor;
         if (event.key === 'Enter' || event.key === 'Space') {
-          var _this$shadowRoot3, _this$shadowRoot3$que, _this$shadowRoot4;
-          this === null || this === void 0 ? void 0 : (_this$shadowRoot3 = this.shadowRoot) === null || _this$shadowRoot3 === void 0 ? void 0 : (_this$shadowRoot3$que = _this$shadowRoot3.querySelector(selectorInput)) === null || _this$shadowRoot3$que === void 0 ? void 0 : _this$shadowRoot3$que.setAttribute('value', '');
-          (this === null || this === void 0 ? void 0 : (_this$shadowRoot4 = this.shadowRoot) === null || _this$shadowRoot4 === void 0 ? void 0 : _this$shadowRoot4.querySelector(selectorInput)).click();
+          var _this$shadowRoot3, _this$shadowRoot4;
+          this === null || this === void 0 || (_this$shadowRoot3 = this.shadowRoot) === null || _this$shadowRoot3 === void 0 || (_this$shadowRoot3 = _this$shadowRoot3.querySelector(selectorInput)) === null || _this$shadowRoot3 === void 0 || _this$shadowRoot3.setAttribute('value', '');
+          (this === null || this === void 0 || (_this$shadowRoot4 = this.shadowRoot) === null || _this$shadowRoot4 === void 0 ? void 0 : _this$shadowRoot4.querySelector(selectorInput)).click();
         }
       }
 
@@ -91,7 +91,7 @@ let CDSFileUploaderButton = _decorate([customElement(`${prefix}-file-uploader-bu
             addedFiles
           }
         }));
-        const fileInput = this === null || this === void 0 ? void 0 : (_this$shadowRoot5 = this.shadowRoot) === null || _this$shadowRoot5 === void 0 ? void 0 : _this$shadowRoot5.querySelector(selectorInput);
+        const fileInput = this === null || this === void 0 || (_this$shadowRoot5 = this.shadowRoot) === null || _this$shadowRoot5 === void 0 ? void 0 : _this$shadowRoot5.querySelector(selectorInput);
         if (fileInput) {
           fileInput.value = '';
         }

package/es/components/file-uploader/file-uploader-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-button.js","names":["classMap","LitElement","html","property","customElement","prefix","HostListenerMixin","ifNonEmpty","styles","BUTTON_KIND","BUTTON_SIZE","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","CDSFileUploaderButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleClick","event","_this$shadowRoot","_this$shadowRoot$quer","_this$shadowRoot2","target","selectorInput","shadowRoot","querySelector","setAttribute","click","_handleKeyDown","_this$shadowRoot3","_this$shadowRoot3$que","_this$shadowRoot4","_handleChange","_this$shadowRoot5","addedFiles","_getFiles","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","_ref","files","type","dataTransfer","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","decorators","reflect","attribute","PRIMARY","MEDIUM","Boolean","render","disabled","multiple","buttonKind","size","handleChange","labelClasses","buttonClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-file-uploader-container\n * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `click` event on the button.\n   */\n  private _handleClick(event) {\n    event.target.value = null;\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n    (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n  }\n\n  /**\n   * Handles `keydown` event on the button.\n   */\n  private _handleKeyDown(event) {\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n      (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n    }\n  }\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const addedFiles = this._getFiles(event);\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderButton;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = '';\n    }\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event: Event | DragEvent) {\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : fileExtensionRegExp.exec(name) ?? [];\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true, attribute: 'button-kind' })\n  buttonKind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      buttonKind,\n      size,\n      _handleChange: handleChange,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const buttonClasses = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${buttonKind}`]: buttonKind,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--${size}`]: size,\n    });\n    return html`\n      <button\n        type=\"button\"\n        class=\"${buttonClasses}\"\n        @click=\"${this._handleClick}\"\n        @keydown=\"${this._handleKeyDown}\">\n        <slot></slot>\n      </button>\n      <label class=\"${labelClasses}\" for=\"file\"> </label>\n      <input\n        id=\"file\"\n        type=\"file\"\n        class=\"${prefix}--file-input\"\n        tabindex=\"-1\"\n        accept=\"${ifNonEmpty(accept)}\"\n        ?disabled=\"${disabled}\"\n        ?multiple=\"${multiple}\"\n        name=\"${ifNonEmpty(name)}\"\n        @change=\"${handleChange}\" />\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-button-changed`;\n  }\n\n  /**\n   * A selector that will return the file `<input>`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"mappings":"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"}
+{"version":3,"file":"file-uploader-button.js","names":["classMap","LitElement","html","property","customElement","prefix","HostListenerMixin","ifNonEmpty","styles","BUTTON_KIND","BUTTON_SIZE","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","CDSFileUploaderButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleClick","event","_this$shadowRoot","_this$shadowRoot2","target","selectorInput","shadowRoot","querySelector","setAttribute","click","_handleKeyDown","_this$shadowRoot3","_this$shadowRoot4","_handleChange","_this$shadowRoot5","addedFiles","_getFiles","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","_ref","files","type","dataTransfer","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","decorators","reflect","attribute","PRIMARY","MEDIUM","Boolean","render","disabled","multiple","buttonKind","size","handleChange","labelClasses","buttonClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-file-uploader-container\n * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `click` event on the button.\n   */\n  private _handleClick(event) {\n    event.target.value = null;\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n    (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n  }\n\n  /**\n   * Handles `keydown` event on the button.\n   */\n  private _handleKeyDown(event) {\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n      (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n    }\n  }\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const addedFiles = this._getFiles(event);\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderButton;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = '';\n    }\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event: Event | DragEvent) {\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : fileExtensionRegExp.exec(name) ?? [];\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true, attribute: 'button-kind' })\n  buttonKind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      buttonKind,\n      size,\n      _handleChange: handleChange,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const buttonClasses = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${buttonKind}`]: buttonKind,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--${size}`]: size,\n    });\n    return html`\n      <button\n        type=\"button\"\n        class=\"${buttonClasses}\"\n        @click=\"${this._handleClick}\"\n        @keydown=\"${this._handleKeyDown}\">\n        <slot></slot>\n      </button>\n      <label class=\"${labelClasses}\" for=\"file\"> </label>\n      <input\n        id=\"file\"\n        type=\"file\"\n        class=\"${prefix}--file-input\"\n        tabindex=\"-1\"\n        accept=\"${ifNonEmpty(accept)}\"\n        ?disabled=\"${disabled}\"\n        ?multiple=\"${multiple}\"\n        name=\"${ifNonEmpty(name)}\"\n        @change=\"${handleChange}\" />\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-button-changed`;\n  }\n\n  /**\n   * A selector that will return the file `<input>`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"mappings":"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"}

package/es/components/file-uploader/file-uploader-drop-container.d.ts

@@ -28,11 +28,15 @@ declare const CDSFileUploaderDropContainer_base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -61,9 +65,12 @@ declare const CDSFileUploaderDropContainer_base: {
         slot: string;
         readonly tagName: string;
         attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions | undefined): boolean;
         closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
+        closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -72,11 +79,14 @@ declare const CDSFileUploaderDropContainer_base: {
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+        getElementsByTagName<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
+        getElementsByTagName<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
+        getElementsByTagName<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
+        getElementsByTagName<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
         getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
         getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
         hasAttribute(qualifiedName: string): boolean;
         hasAttributeNS(namespace: string | null, localName: string): boolean;
@@ -134,24 +144,24 @@ declare const CDSFileUploaderDropContainer_base: {
         normalize(): void;
         removeChild<T_2 extends Node>(child: T_2): T_2;
         replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ATTRIBUTE_NODE: number;
-        readonly CDATA_SECTION_NODE: number;
-        readonly COMMENT_NODE: number;
-        readonly DOCUMENT_FRAGMENT_NODE: number;
-        readonly DOCUMENT_NODE: number;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
-        readonly DOCUMENT_POSITION_CONTAINS: number;
-        readonly DOCUMENT_POSITION_DISCONNECTED: number;
-        readonly DOCUMENT_POSITION_FOLLOWING: number;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
-        readonly DOCUMENT_POSITION_PRECEDING: number;
-        readonly DOCUMENT_TYPE_NODE: number;
-        readonly ELEMENT_NODE: number;
-        readonly ENTITY_NODE: number;
-        readonly ENTITY_REFERENCE_NODE: number;
-        readonly NOTATION_NODE: number;
-        readonly PROCESSING_INSTRUCTION_NODE: number;
-        readonly TEXT_NODE: number;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
@@ -165,6 +175,7 @@ declare const CDSFileUploaderDropContainer_base: {
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
         ariaHidden: string | null;
+        ariaInvalid: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
         ariaLevel: string | null;
@@ -189,6 +200,7 @@ declare const CDSFileUploaderDropContainer_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
+        role: string | null;
         animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
@@ -204,17 +216,19 @@ declare const CDSFileUploaderDropContainer_base: {
         readonly lastElementChild: Element | null;
         append(...nodes: (string | Node)[]): void;
         prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
-        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
+        querySelector<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
+        querySelector<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
+        querySelector<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
+        querySelector<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
         querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
-        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
+        querySelectorAll<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
+        querySelectorAll<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
+        querySelectorAll<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
+        querySelectorAll<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
-        oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -226,14 +240,18 @@ declare const CDSFileUploaderDropContainer_base: {
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
         ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
@@ -266,6 +284,7 @@ declare const CDSFileUploaderDropContainer_base: {
         onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -282,6 +301,7 @@ declare const CDSFileUploaderDropContainer_base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/es/components/file-uploader/file-uploader-drop-container.js

@@ -77,7 +77,7 @@ let CDSFileUploaderDropContainer = _decorate([customElement(`${prefix}-file-uplo
             addedFiles
           }
         }));
-        const fileInput = this === null || this === void 0 ? void 0 : (_this$shadowRoot2 = this.shadowRoot) === null || _this$shadowRoot2 === void 0 ? void 0 : _this$shadowRoot2.querySelector(selectorInput);
+        const fileInput = this === null || this === void 0 || (_this$shadowRoot2 = this.shadowRoot) === null || _this$shadowRoot2 === void 0 ? void 0 : _this$shadowRoot2.querySelector(selectorInput);
         if (fileInput) {
           fileInput.value = ''; // carbon-web-components#904
         }

package/es/components/file-uploader/file-uploader-drop-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-drop-container.js","names":["classMap","LitElement","html","property","prefix","HostListenerMixin","HostListener","ifNonEmpty","styles","carbonElement","customElement","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","dropEffects","dragover","dragleave","CDSFileUploaderDropContainer","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleChange","event","_this$shadowRoot","_this$shadowRoot2","eventChange","selectorInput","addedFiles","_getFiles","shadowRoot","querySelector","files","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","decorators","_handleDrag","preventDefault","disabled","dataTransfer","type","dropEffect","_active","requestUpdate","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","Boolean","reflect","render","multiple","active","handleChange","labelClasses","dropareaClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n  dragover: 'copy',\n  dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-file-uploader-drop-container\n * @fires cds-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n  /**\n   * `true` to show the active state of this UI.\n   */\n  private _active = false;\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderDropContainer;\n    const addedFiles = this._getFiles(\n      event,\n      (this.shadowRoot?.querySelector(selectorInput) as HTMLInputElement).files\n    );\n\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n    }\n  }\n\n  /**\n   * Handles `dragover`, `dragleave` and `drop` events.\n   *\n   * @param event The event.\n   */\n  @HostListener('dragover')\n  @HostListener('dragleave')\n  @HostListener('drop')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleDrag(event: DragEvent) {\n    event.preventDefault(); // Prevents page navigation upon dropping\n    if (this.disabled) {\n      return;\n    }\n    const { dataTransfer, type } = event;\n    const dropEffect = dropEffects[type];\n    if (dataTransfer && dropEffect) {\n      dataTransfer.dropEffect = dropEffect;\n    }\n    this._active = type === 'dragover';\n    if (type === 'drop') {\n      this._handleChange(event);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event, files) {\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : fileExtensionRegExp.exec(name) ?? [];\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      _active: active,\n      _handleChange: handleChange,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const dropareaClasses = classMap({\n      [`${prefix}--file__drop-container`]: true,\n      [`${prefix}--file__drop-container--drag-over`]: active,\n    });\n    return html`\n      <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n        <div class=\"${dropareaClasses}\" role=\"button\">\n          <slot></slot>\n          <input\n            id=\"file\"\n            type=\"file\"\n            name=\"${ifNonEmpty(name)}\"\n            class=\"${prefix}--file-input\"\n            tabindex=\"-1\"\n            accept=\"${ifNonEmpty(accept)}\"\n            ?disabled=\"${disabled}\"\n            ?multiple=\"${multiple}\"\n            @change=\"${handleChange}\" />\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-drop-container-changed`;\n  }\n\n  /**\n   * A selector that will return the file `<input>`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"mappings":"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"}
+{"version":3,"file":"file-uploader-drop-container.js","names":["classMap","LitElement","html","property","prefix","HostListenerMixin","HostListener","ifNonEmpty","styles","carbonElement","customElement","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","dropEffects","dragover","dragleave","CDSFileUploaderDropContainer","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleChange","event","_this$shadowRoot","_this$shadowRoot2","eventChange","selectorInput","addedFiles","_getFiles","shadowRoot","querySelector","files","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","decorators","_handleDrag","preventDefault","disabled","dataTransfer","type","dropEffect","_active","requestUpdate","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","Boolean","reflect","render","multiple","active","handleChange","labelClasses","dropareaClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n  dragover: 'copy',\n  dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-file-uploader-drop-container\n * @fires cds-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n  /**\n   * `true` to show the active state of this UI.\n   */\n  private _active = false;\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderDropContainer;\n    const addedFiles = this._getFiles(\n      event,\n      (this.shadowRoot?.querySelector(selectorInput) as HTMLInputElement).files\n    );\n\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n    }\n  }\n\n  /**\n   * Handles `dragover`, `dragleave` and `drop` events.\n   *\n   * @param event The event.\n   */\n  @HostListener('dragover')\n  @HostListener('dragleave')\n  @HostListener('drop')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleDrag(event: DragEvent) {\n    event.preventDefault(); // Prevents page navigation upon dropping\n    if (this.disabled) {\n      return;\n    }\n    const { dataTransfer, type } = event;\n    const dropEffect = dropEffects[type];\n    if (dataTransfer && dropEffect) {\n      dataTransfer.dropEffect = dropEffect;\n    }\n    this._active = type === 'dragover';\n    if (type === 'drop') {\n      this._handleChange(event);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event, files) {\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : fileExtensionRegExp.exec(name) ?? [];\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      _active: active,\n      _handleChange: handleChange,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const dropareaClasses = classMap({\n      [`${prefix}--file__drop-container`]: true,\n      [`${prefix}--file__drop-container--drag-over`]: active,\n    });\n    return html`\n      <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n        <div class=\"${dropareaClasses}\" role=\"button\">\n          <slot></slot>\n          <input\n            id=\"file\"\n            type=\"file\"\n            name=\"${ifNonEmpty(name)}\"\n            class=\"${prefix}--file-input\"\n            tabindex=\"-1\"\n            accept=\"${ifNonEmpty(accept)}\"\n            ?disabled=\"${disabled}\"\n            ?multiple=\"${multiple}\"\n            @change=\"${handleChange}\" />\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-drop-container-changed`;\n  }\n\n  /**\n   * A selector that will return the file `<input>`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"mappings":"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"}