@six-group/ui-library 0.0.0-insider.9277796 → 0.0.0-insider.d16ec8e

package/dist/ui-library/p-fed07a1f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i}from"./p-ac4f4d45.js";const t=".six-error-page__title{display:flex;justify-content:center;font-size:var(--six-font-size-xx-large);font-weight:bold;margin-bottom:var(--six-spacing-large)}.six-error-page__description>*{text-align:center}.six-error-page__icon-container{display:flex;justify-content:center}.six-error-page__icon::part(icon){background-color:var(--six-color-web-rock-300)}";var n;(function(e){e[e["FORBIDDEN"]=403]="FORBIDDEN";e[e["NOT_FOUND"]=404]="NOT_FOUND";e[e["INTERNAL_SERVER_ERROR"]=500]="INTERNAL_SERVER_ERROR"})(n||(n={}));const r={[n.FORBIDDEN]:{en:"Access Denied",de:"Kein Zugriff"},[n.NOT_FOUND]:{en:"Not Found",de:"Seite nicht gefunden"},[n.INTERNAL_SERVER_ERROR]:{en:"Ooops!",de:"Ups!"}};const s={[n.FORBIDDEN]:{en:["You don’t have permission to access this page. ","Please contact an administrator or click the SIX logo on top left."],de:["Sie haben keine Zugriffsberechtigung auf diese Seite.","Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links."]},[n.NOT_FOUND]:{en:["We have not found the page you requested.","Please click the SIX logo on top left."],de:["Wir haben die angeforderte Seite nicht gefunden.","Bitte klicken Sie auf das SIX-Logo oben links."]},[n.INTERNAL_SERVER_ERROR]:{en:["Sorry, we messed up! We try to fix this.","Please click the SIX logo on top left."],de:["Sorry, das war unser Fehler! Wir versuchen das zu beheben.","Bitte klicken Sie auf das SIX-Logo oben links."]}};const o=class{constructor(i){e(this,i);this.errorCode=undefined;this.language="en";this.customTitle=undefined;this.customDescription=undefined;this.customIcon=undefined}getIconName(){if(this.customIcon!==undefined){return this.customIcon}if(this.errorCode===undefined){return}if(this.errorCode===n.FORBIDDEN){return"lock"}if(this.errorCode===n.NOT_FOUND){return"find-in-page"}if(this.errorCode===n.INTERNAL_SERVER_ERROR){return"sentiment-dissatisfied"}}getErrorTitle(){if(this.customTitle!==undefined){return this.customTitle}if(this.errorCode===undefined){return}return r[this.errorCode][this.language]}getErrorDescription(){if(this.errorCode===undefined&&this.customDescription===undefined){return}const e=this.getDescriptions();return e.map((e=>i("div",null,e)))}getDescriptions(){if(this.customDescription!==undefined){return this.customDescription}return s[this.errorCode][this.language]}render(){return i("div",{part:"container"},i("div",{class:"six-error-page__icon-container",part:"icon-container"},i("six-picto",{size:"4xl",class:"six-error-page__icon",part:"icon"},this.getIconName())),i("div",{class:"six-error-page__title",part:"title"},this.getErrorTitle()),i("div",{class:"six-error-page__description",part:"description"},this.getErrorDescription()))}};o.style=t;export{o as six_error_page};
-//# sourceMappingURL=p-fed07a1f.entry.js.map

package/dist/ui-library/p-fed07a1f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixErrorPageCss","ERROR_CODE","TITLE_PER_ERROR_CODE","FORBIDDEN","en","de","NOT_FOUND","INTERNAL_SERVER_ERROR","DESCRIPTION_PER_ERROR_CODE","SixErrorPage","getIconName","this","customIcon","undefined","errorCode","getErrorTitle","customTitle","language","getErrorDescription","customDescription","descriptions","getDescriptions","map","errorMessage","h","render","part","class","size"],"sources":["./src/components/six-error-page/six-error-page.scss?tag=six-error-page&encapsulation=shadow","./src/components/six-error-page/six-error-page.tsx"],"sourcesContent":[".six-error-page {\n  &__title {\n    display: flex;\n    justify-content: center;\n    font-size: var(--six-font-size-xx-large);\n    font-weight: bold;\n    margin-bottom: var(--six-spacing-large);\n  }\n\n  &__description {\n    & > * {\n      text-align: center;\n    }\n  }\n\n  &__icon-container {\n    display: flex;\n    justify-content: center;\n  }\n\n  &__icon::part(icon) {\n    background-color: var(--six-color-web-rock-300);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nenum ERROR_CODE {\n  FORBIDDEN = 403,\n  NOT_FOUND = 404,\n  INTERNAL_SERVER_ERROR = 500,\n}\nconst TITLE_PER_ERROR_CODE = {\n  [ERROR_CODE.FORBIDDEN]: {\n    en: 'Access Denied',\n    de: 'Kein Zugriff',\n  },\n  [ERROR_CODE.NOT_FOUND]: {\n    en: 'Not Found',\n    de: 'Seite nicht gefunden',\n  },\n  [ERROR_CODE.INTERNAL_SERVER_ERROR]: {\n    en: 'Ooops!',\n    de: 'Ups!',\n  },\n};\n\nconst DESCRIPTION_PER_ERROR_CODE = {\n  [ERROR_CODE.FORBIDDEN]: {\n    en: [\n      'You don’t have permission to access this page. ',\n      'Please contact an administrator or click the SIX logo on top left.',\n    ],\n    de: [\n      'Sie haben keine Zugriffsberechtigung auf diese Seite.',\n      'Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n  [ERROR_CODE.NOT_FOUND]: {\n    en: ['We have not found the page you requested.', 'Please click the SIX logo on top left.'],\n    de: ['Wir haben die angeforderte Seite nicht gefunden.', 'Bitte klicken Sie auf das SIX-Logo oben links.'],\n  },\n  [ERROR_CODE.INTERNAL_SERVER_ERROR]: {\n    en: ['Sorry, we messed up! We try to fix this.', 'Please click the SIX logo on top left.'],\n    de: [\n      'Sorry, das war unser Fehler! Wir versuchen das zu beheben.',\n      'Bitte klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n};\n/*\n * @since 2.2.0\n * @status experimental\n * @part container - The whole component container\n * @part label - The language label\n * @part separator - The separator between the language labels\n */\n\n@Component({\n  tag: 'six-error-page',\n  styleUrl: 'six-error-page.scss',\n  shadow: true,\n})\nexport class SixErrorPage {\n  /**\n   * Defines error Code and thus displays the proper error page.\n   */\n  @Prop() errorCode: number;\n\n  /**\n   * Defines language and thus displays the proper error page in the selected language.\n   */\n  @Prop() language: 'en' | 'de' = 'en';\n\n  /**\n   * Defines a custom title.\n   */\n  @Prop() customTitle?: string;\n\n  /**\n   * Defines a custom description.\n   */\n  @Prop() customDescription?: string[];\n\n  /**\n   * Defines a custom icon.\n   */\n  @Prop() customIcon?: string;\n\n  private getIconName() {\n    if (this.customIcon !== undefined) {\n      return this.customIcon;\n    }\n\n    if (this.errorCode === undefined) {\n      return;\n    }\n\n    if (this.errorCode === ERROR_CODE.FORBIDDEN) {\n      return 'lock';\n    }\n\n    if (this.errorCode === ERROR_CODE.NOT_FOUND) {\n      return 'find-in-page';\n    }\n\n    if (this.errorCode === ERROR_CODE.INTERNAL_SERVER_ERROR) {\n      return 'sentiment-dissatisfied';\n    }\n  }\n\n  private getErrorTitle() {\n    if (this.customTitle !== undefined) {\n      return this.customTitle;\n    }\n\n    if (this.errorCode === undefined) {\n      return;\n    }\n\n    return TITLE_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  private getErrorDescription() {\n    if (this.errorCode === undefined && this.customDescription === undefined) {\n      return;\n    }\n\n    const descriptions = this.getDescriptions();\n    return descriptions.map((errorMessage) => <div>{errorMessage}</div>);\n  }\n\n  private getDescriptions() {\n    if (this.customDescription !== undefined) {\n      return this.customDescription;\n    }\n\n    return DESCRIPTION_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  render() {\n    return (\n      <div part=\"container\">\n        <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n          <six-picto size=\"4xl\" class=\"six-error-page__icon\" part=\"icon\">\n            {this.getIconName()}\n          </six-picto>\n        </div>\n        <div class=\"six-error-page__title\" part=\"title\">\n          {this.getErrorTitle()}\n        </div>\n        <div class=\"six-error-page__description\" part=\"description\">\n          {this.getErrorDescription()}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,oWCExB,IAAKC,GAAL,SAAKA,GACHA,IAAA,8BACAA,IAAA,8BACAA,IAAA,qDACD,EAJD,CAAKA,MAAU,KAKf,MAAMC,EAAuB,CAC3B,CAACD,EAAWE,WAAY,CACtBC,GAAI,gBACJC,GAAI,gBAEN,CAACJ,EAAWK,WAAY,CACtBF,GAAI,YACJC,GAAI,wBAEN,CAACJ,EAAWM,uBAAwB,CAClCH,GAAI,SACJC,GAAI,SAIR,MAAMG,EAA6B,CACjC,CAACP,EAAWE,WAAY,CACtBC,GAAI,CACF,kDACA,sEAEFC,GAAI,CACF,wDACA,+FAGJ,CAACJ,EAAWK,WAAY,CACtBF,GAAI,CAAC,4CAA6C,0CAClDC,GAAI,CAAC,mDAAoD,mDAE3D,CAACJ,EAAWM,uBAAwB,CAClCH,GAAI,CAAC,2CAA4C,0CACjDC,GAAI,CACF,6DACA,oD,MAiBOI,EAAY,M,gEASS,K,sFAiBxBC,cACN,GAAIC,KAAKC,aAAeC,UAAW,CACjC,OAAOF,KAAKC,U,CAGd,GAAID,KAAKG,YAAcD,UAAW,CAChC,M,CAGF,GAAIF,KAAKG,YAAcb,EAAWE,UAAW,CAC3C,MAAO,M,CAGT,GAAIQ,KAAKG,YAAcb,EAAWK,UAAW,CAC3C,MAAO,c,CAGT,GAAIK,KAAKG,YAAcb,EAAWM,sBAAuB,CACvD,MAAO,wB,EAIHQ,gBACN,GAAIJ,KAAKK,cAAgBH,UAAW,CAClC,OAAOF,KAAKK,W,CAGd,GAAIL,KAAKG,YAAcD,UAAW,CAChC,M,CAGF,OAAOX,EAAqBS,KAAKG,WAAWH,KAAKM,S,CAG3CC,sBACN,GAAIP,KAAKG,YAAcD,WAAaF,KAAKQ,oBAAsBN,UAAW,CACxE,M,CAGF,MAAMO,EAAeT,KAAKU,kBAC1B,OAAOD,EAAaE,KAAKC,GAAiBC,EAAA,WAAMD,I,CAG1CF,kBACN,GAAIV,KAAKQ,oBAAsBN,UAAW,CACxC,OAAOF,KAAKQ,iB,CAGd,OAAOX,EAA2BG,KAAKG,WAAWH,KAAKM,S,CAGzDQ,SACE,OACED,EAAA,OAAKE,KAAK,aACRF,EAAA,OAAKG,MAAM,iCAAiCD,KAAK,kBAC/CF,EAAA,aAAWI,KAAK,MAAMD,MAAM,uBAAuBD,KAAK,QACrDf,KAAKD,gBAGVc,EAAA,OAAKG,MAAM,wBAAwBD,KAAK,SACrCf,KAAKI,iBAERS,EAAA,OAAKG,MAAM,8BAA8BD,KAAK,eAC3Cf,KAAKO,uB"}

package/dist/ui-library/p-ff0257bf.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as e,g as l}from"./p-ac4f4d45.js";const o=".sc-six-file-upload-h{position:relative;box-sizing:border-box}.sc-six-file-upload-h *.sc-six-file-upload,.sc-six-file-upload-h *.sc-six-file-upload:before,.sc-six-file-upload-h *.sc-six-file-upload:after{box-sizing:inherit}.sc-six-file-upload-h{position:static;display:block}.six-file-upload.sc-six-file-upload six-card.sc-six-file-upload{box-shadow:none;padding:0;width:100%}.six-file-upload.sc-six-file-upload six-card.kyc-file-upload__container--compact.sc-six-file-upload{width:inherit}.six-file-upload__label--highlighted.sc-six-file-upload{color:var(--six-color-action-600)}.six-file-upload__container--full.sc-six-file-upload{border:dashed 1px var(--six-color-web-rock-500)}.six-file-upload__label-icon.sc-six-file-upload{margin-right:0.5rem}.six-file-upload__drop-zone.sc-six-file-upload{padding:2rem 0;display:flex;justify-content:center;width:100%;transition:background-color 0.3s}.six-file-upload__drop-zone--compact.sc-six-file-upload{padding:0}.six-file-upload__input.sc-six-file-upload{cursor:pointer;position:absolute;top:0;left:0;width:100%;user-select:none;height:100%;opacity:0;outline:none}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__drop-zone.sc-six-file-upload{background-color:var(--six-color-inactive)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover,.six-file-upload__drop-zone--hover.sc-six-file-upload{background-color:var(--six-color-action-light-to-be-defined)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover.six-file-upload__drop-zone--compact,.six-file-upload__drop-zone--hover.six-file-upload__drop-zone--compact.sc-six-file-upload{background-color:inherit}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__input.sc-six-file-upload{cursor:not-allowed}";const a=class{constructor(e){i(this,e);this.fileUploadSuccessEvent=s(this,"six-file-upload-success",7);this.fileUploadFailureEvent=s(this,"six-file-upload-failure",7);this.handleFiles=i=>{if(this.disabled){return}if(i.length===0){return}if(!this.multiple&&i.length>1){return this.fileUploadFailureEvent.emit({reason:"Only one file is allowed."})}for(const s of i){if(!s){return}const e=this.accept&&this.accept.replace(/\s/g,"").split(",");if(this.accept&&e.indexOf(s.type)===-1){const s=i.length>1?"One or more files have invalid MIME type.":"File has invalid MIME type.";return this.fileUploadFailureEvent.emit({reason:s})}if(this.maxFileSize&&s.size>this.maxFileSize){const s=i.length>1?"One or more files are too big":"File is too big.";return this.fileUploadFailureEvent.emit({reason:s})}}const s=this.multiple?{files:i}:{file:i.item(0)};this.fileUploadSuccessEvent.emit(s)};this.onChange=()=>{var i;if((i=this.fileInput)===null||i===void 0?void 0:i.files){const i=this.fileInput.files;this.handleFiles(i);this.fileInput.value=""}};this.isOver=false;this.compact=false;this.label=undefined;this.disabled=false;this.accept=undefined;this.multiple=undefined;this.maxFileSize=undefined}dragenterHandler(){if(!this.disabled){this.isOver=true}}dragoverHandler(){if(!this.disabled){this.isOver=true}}dragleaveHandler(){if(!this.disabled){this.isOver=false}}dropHandler({dataTransfer:i}){if(!this.disabled){this.isOver=false;if(i){this.handleFiles(i.files)}}}componentDidLoad(){["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.addEventListener(i,this.preventDefaults,false);document.body.addEventListener(i,this.preventDefaults,false)}))}disconnectedCallback(){["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.removeEventListener(i,this.preventDefaults,false);document.body.removeEventListener(i,this.preventDefaults,false)}))}preventDefaults(i){i.preventDefault();i.stopPropagation()}renderLabel(){return this.label||(this.compact?"Upload":e("span",null,"Drop files to upload, or ",e("span",{class:"six-file-upload__label--highlighted"},"browse")))}render(){const i=this.compact?"six-button":"six-card";return e("div",{class:{"six-file-upload":true,"six-file-upload--disabled":this.disabled}},e(i,{class:{"six-file-upload__container--compact":this.compact,"six-file-upload__container--full":!this.compact}},this.compact&&e("span",{slot:"prefix"},e("six-icon",{class:"six-file-upload__label-icon"},"arrow_circle_up")),e("div",{class:{"six-file-upload__drop-zone":true,"six-file-upload__drop-zone--hover":this.isOver,"six-file-upload__drop-zone--compact":this.compact}},e("span",null,this.renderLabel()),e("input",{class:"six-file-upload__input",type:"file",name:"resume",disabled:this.disabled,accept:this.accept,multiple:this.multiple,onChange:this.onChange,ref:i=>this.fileInput=i}))))}get host(){return l(this)}};a.style=o;export{a as six_file_upload};
-//# sourceMappingURL=p-ff0257bf.entry.js.map

package/dist/ui-library/p-ff0257bf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixFileUploadCss","SixFileUpload","this","handleFiles","files","disabled","length","multiple","fileUploadFailureEvent","emit","reason","file","acceptedTypesList","accept","replace","split","indexOf","type","maxFileSize","size","objectToEmit","item","fileUploadSuccessEvent","onChange","_a","fileInput","value","undefined","dragenterHandler","isOver","dragoverHandler","dragleaveHandler","dropHandler","dataTransfer","componentDidLoad","forEach","eventName","host","addEventListener","preventDefaults","document","body","disconnectedCallback","removeEventListener","e","preventDefault","stopPropagation","renderLabel","label","compact","h","class","render","Container","slot","name","ref","el"],"sources":["./src/components/six-file-upload/six-file-upload.scss?tag=six-file-upload&encapsulation=scoped","./src/components/six-file-upload/six-file-upload.tsx"],"sourcesContent":["@import 'src/global/component';\n\n$over-color: var(--six-color-action-light-to-be-defined);\n$disabled-color: var(--six-color-inactive);\n$transition: 0.3s;\n$margin: 1rem;\n\n:host {\n  position: static;\n  display: block;\n}\n\n.six-file-upload {\n  six-card {\n    box-shadow: none;\n    padding: 0;\n    width: 100%;\n\n    &.kyc-file-upload__container--compact {\n      width: inherit;\n    }\n  }\n\n  &__label {\n    &--highlighted {\n      color: var(--six-color-action-600);\n    }\n  }\n\n  &__container {\n    &--full {\n      border: dashed 1px var(--six-color-web-rock-500);\n    }\n  }\n\n  &__label-icon {\n    margin-right: 0.5rem;\n  }\n\n  &__drop-zone {\n    padding: 2rem 0;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    transition: background-color $transition;\n\n    &--compact {\n      padding: 0;\n    }\n  }\n\n  &__input {\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    user-select: none;\n    height: 100%;\n    opacity: 0;\n    outline: none;\n  }\n\n  &--disabled &__drop-zone {\n    background-color: $disabled-color;\n  }\n\n  &:not(.six-file-upload--disabled) &__drop-zone:hover,\n  &__drop-zone--hover {\n    background-color: $over-color;\n\n    &.six-file-upload__drop-zone--compact {\n      background-color: inherit;\n    }\n  }\n\n  &--disabled &__input {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\ninterface ISingleFile {\n  file: File;\n}\n\ninterface IMultipleFiles {\n  files: FileList;\n}\n\nexport type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;\n\nexport interface SixFileUploadFailurePayload {\n  reason: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-upload',\n  styleUrl: 'six-file-upload.scss',\n  scoped: true,\n  shadow: false,\n})\nexport class SixFileUpload {\n  @Element() readonly host: HTMLSixFileUploadElement;\n\n  fileInput: HTMLInputElement;\n\n  @State() isOver = false;\n\n  /** Set to true if file control should be small. */\n  @Prop() readonly compact: boolean = false;\n\n  /** Label of the drop area. */\n  @Prop() readonly label: string;\n\n  /** Set when button is disabled. */\n  @Prop() readonly disabled: boolean = false;\n\n  /** Accepted MIME-Types. */\n  @Prop() readonly accept: string;\n\n  /** More than one file allowed. */\n  @Prop() readonly multiple: boolean;\n\n  /** Allowed max file size in bytes. */\n  @Prop() readonly maxFileSize: number | undefined = undefined;\n\n  /** Triggers when a file is added. */\n  @Event({ eventName: 'six-file-upload-success' })\n  readonly fileUploadSuccessEvent: EventEmitter<SixFileUploadSuccessPayload>;\n\n  /** Triggers when an uploaded file doesn't match MIME type or max file size. */\n  @Event({ eventName: 'six-file-upload-failure' })\n  readonly fileUploadFailureEvent: EventEmitter<SixFileUploadFailurePayload>;\n\n  @Listen('dragenter', { capture: false })\n  dragenterHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragover', { capture: false })\n  dragoverHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragleave', { capture: false })\n  dragleaveHandler() {\n    if (!this.disabled) {\n      this.isOver = false;\n    }\n  }\n\n  @Listen('drop', { capture: false })\n  dropHandler({ dataTransfer }: DragEvent) {\n    if (!this.disabled) {\n      this.isOver = false;\n      if (dataTransfer) {\n        this.handleFiles(dataTransfer.files);\n      }\n    }\n  }\n\n  handleFiles = (files: FileList) => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (files.length === 0) {\n      return;\n    }\n\n    if (!this.multiple && files.length > 1) {\n      return this.fileUploadFailureEvent.emit({ reason: 'Only one file is allowed.' });\n    }\n\n    for (const file of files) {\n      if (!file) {\n        return;\n      }\n\n      const acceptedTypesList = this.accept && this.accept.replace(/\\s/g, '').split(',');\n\n      if (this.accept && acceptedTypesList.indexOf(file.type) === -1) {\n        const reason = files.length > 1 ? 'One or more files have invalid MIME type.' : 'File has invalid MIME type.';\n        return this.fileUploadFailureEvent.emit({ reason });\n      }\n\n      if (this.maxFileSize && file.size > this.maxFileSize) {\n        const reason = files.length > 1 ? 'One or more files are too big' : 'File is too big.';\n        return this.fileUploadFailureEvent.emit({ reason });\n      }\n    }\n\n    const objectToEmit: SixFileUploadSuccessPayload = this.multiple ? { files } : { file: files.item(0) };\n\n    this.fileUploadSuccessEvent.emit(objectToEmit);\n  };\n\n  componentDidLoad() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.addEventListener(eventName, this.preventDefaults, false);\n      document.body.addEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  disconnectedCallback() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.removeEventListener(eventName, this.preventDefaults, false);\n      document.body.removeEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  preventDefaults(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  onChange = () => {\n    if (this.fileInput?.files) {\n      const files = this.fileInput.files;\n      this.handleFiles(files);\n      this.fileInput.value = '';\n    }\n  };\n\n  private renderLabel() {\n    return (\n      this.label ||\n      (this.compact ? (\n        'Upload'\n      ) : (\n        <span>\n          Drop files to upload, or <span class=\"six-file-upload__label--highlighted\">browse</span>\n        </span>\n      ))\n    );\n  }\n\n  render() {\n    const Container = this.compact ? 'six-button' : 'six-card';\n\n    return (\n      <div\n        class={{\n          'six-file-upload': true,\n          'six-file-upload--disabled': this.disabled,\n        }}\n      >\n        <Container\n          class={{\n            'six-file-upload__container--compact': this.compact,\n            'six-file-upload__container--full': !this.compact,\n          }}\n        >\n          {this.compact && (\n            <span slot=\"prefix\">\n              <six-icon class=\"six-file-upload__label-icon\">arrow_circle_up</six-icon>\n            </span>\n          )}\n          <div\n            class={{\n              'six-file-upload__drop-zone': true,\n              'six-file-upload__drop-zone--hover': this.isOver,\n              'six-file-upload__drop-zone--compact': this.compact,\n            }}\n          >\n            <span>{this.renderLabel()}</span>\n            <input\n              class=\"six-file-upload__input\"\n              type=\"file\"\n              name=\"resume\"\n              disabled={this.disabled}\n              accept={this.accept}\n              multiple={this.multiple}\n              onChange={this.onChange}\n              ref={(el) => (this.fileInput = el)}\n            />\n          </div>\n        </Container>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}