@watermarkinsights/ripple 3.25.0-2 → 3.25.0

package/dist/collection/components/wm-file/wm-file.js.map

@@ -1 +1 @@
-{"version":3,"file":"wm-file.js","sourceRoot":"","sources":["../../../../src/components/wm-file/wm-file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAQlF,MAAM,OAAO,IAAI;;IAUf,2FAA2F;IAC3F,iGAAiG;IACzF,2BAAsB,GAAY,KAAK,CAAC;IAiHhD,oBAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;MAC9B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;MAC7C,+CAA+C;MAC/C,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;;oBA9HsC,MAAM;;uBAEnB,KAAK;;EASrC,IAAI,QAAQ;IACV,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,2FAA2F;IAC3F,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;MACjG,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;KACpD;IACD,OAAO,IAAI,CAAC;EACd,CAAC;EAED,IAAI,WAAW;IACb,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAS,GAAG,GAAG,CAAC;EACpG,CAAC;EAED,IAAI,oBAAoB;IACtB,OAAO,IAAI,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,aAAa,CAAE,CAAC,WAAW,CAAC;EACvE,CAAC;EAED,IAAI,oBAAoB;IACtB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,2BAA2B;MAC/B,cAAc,EAAE,SAAS;MACzB,WAAW,EAAE,0DAA0D;KACxE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,qBAAqB;IACvB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,4BAA4B;MAChC,cAAc,EAAE,UAAU;MAC1B,WAAW,EAAE,2DAA2D;KACzE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,mBAAmB;IACrB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,0BAA0B;MAC9B,cAAc,EAAE,QAAQ;MACxB,WAAW,EAAE,wDAAwD;KACtE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,oBAAoB;IACtB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,oBAAoB;MACxB,cAAc,EAAE,cAAc;MAC9B,WAAW,EAAE,wDAAwD;KACtE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,qBAAqB;IACvB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,qBAAqB;MACzB,cAAc,EAAE,eAAe;MAC/B,WAAW,EAAE,yDAAyD;KACvE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,mBAAmB;IACrB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,mBAAmB;MACvB,cAAc,EAAE,aAAa;MAC7B,WAAW,EAAE,qDAAqD;KACnE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,eAAe;IACjB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,sBAAsB;MAC1B,cAAc,EAAE,SAAS;MACzB,WAAW,EAAE,qDAAqD;KACnE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,eAAe;IACjB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,qBAAqB;MACzB,cAAc,EAAE,OAAO;MACvB,WAAW,EAAE,0CAA0C;KACxD,CAAC,CAAC;EACL,CAAC;EAED,wBAAwB,CAAC,QAAgB;IACvC,OAAO,IAAI,CAAC,aAAa,CACvB;MACE,EAAE,EAAE,sBAAsB;MAC1B,cAAc,EAAE,wBAAwB;MACxC,WAAW,EAAE,+DAA+D;KAC7E,EACD,EAAE,QAAQ,EAAE,QAAQ,EAAE,CACvB,CAAC;EACJ,CAAC;EAED,iBAAiB;IACf,MAAM,cAAc,GAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAiB,CAAC,IAAI,CAAC;IAElE,IAAI,cAAc,IAAI,cAAc,CAAC,QAAQ,KAAK,aAAa,EAAE;MAC/D,IAAK,cAAwC,CAAC,IAAI,IAAK,cAAwC,CAAC,YAAY,EAAE;QAC5G,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;OACpC;KACF;IAED,oDAAoD;IACpD,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IACxE,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EAClC,CAAC;EAED,kBAAkB;IAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC,CAAC;EACrE,CAAC;EAQD,WAAW,CAAC,IAAkB;IAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACxC,CAAC;EAED,YAAY,CAAC,IAAkB;IAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACzC,CAAC;EAED,UAAU,CAAC,IAAkB;IAC3B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACtC,CAAC;EAED,gBAAgB,CAAC,IAAa;IAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,SAAU,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,UAAU;MAC9B,CAAC,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,IAAI;MACzC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAgB,CAAC;IAClE,MAAM,cAAc,GAAG,aAAa,GAAG,YAAY,CAAC;IAEpD,IAAI,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,QAAS,CAAC;IAC5C,MAAM,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC;IAEhF,IAAI,CAAC,UAAU,EAAE;MACf,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;MAC5D,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;MAEpF,uDAAuD;MACvD,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;MACpD,IAAI,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,CAAC;MAC/E,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC;MAC7D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;MAC1F,QAAQ,GAAG,GAAG,eAAe,CAAC,IAAI,EAAE,MAAM,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC;KACrE;IAED,UAAU,CAAC,WAAW,GAAG,QAAQ,CAAC;EACpC,CAAC;EAED,wBAAwB,CAAC,EAAc,EAAE,QAAgB;IACvD,mEAAmE;IACnE,IAAK,EAAE,CAAC,MAAsB,CAAC,WAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;MAC3D,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAqB,EAAE,QAAQ,CAAC,CAAC;KAC3D;EACH,CAAC;EAED,cAAc,CAAC,QAAgB,EAAE,WAAoB;IACnD,OAAO,CACL,WAAK,KAAK,EAAC,YAAY;MACrB,WAAK,KAAK,EAAC,cAAc;QACvB,YAAM,KAAK,EAAC,SAAS,IAAE,QAAQ,CAAQ;QACvC,2BACc,MAAM,EAClB,KAAK,EAAC,UAAU,mBACD,QAAQ,EACvB,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,wBAAwB,CAAC,EAAE,EAAE,QAAQ,CAAC,EACjE,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,GAC3B;QACP,WAAW,IAAI,YAAM,KAAK,EAAC,SAAS,gBAAiB;QACtD,WAAK,KAAK,EAAC,YAAY,GAAO,CAC1B,CACF,CACP,CAAC;EACJ,CAAC;EAED,cAAc,CAAC,IAAkB,EAAE,QAAgB;IACjD,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;MAC3C,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC;KAClC;SAAM,IAAI,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE;MAC3C,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC;KAC3B;IAED,OAAO,WAAK,KAAK,EAAC,WAAW,IAAE,aAAa,CAAO,CAAC;EACtD,CAAC;EAED,gBAAgB,CAAC,IAAkB;IACjC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IAC7C,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAAI,kBAAkB,CAAC;IAChE,MAAM,WAAW,GAAG,CAClB,mBAAa,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAC3D,IAAI,CAAC,oBAAoB,CACd,CACf,CAAC;IACF,MAAM,YAAY,GAAG,CACnB,mBAAa,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAC5D,IAAI,CAAC,qBAAqB,CACf,CACf,CAAC;IACF,MAAM,UAAU,GAAG,CACjB,mBAAa,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAC1D,IAAI,CAAC,mBAAmB,CACb,CACf,CAAC;IACF,OAAO,CACL,0CACmB,MAAM,EACvB,OAAO,EAAE,IAAI,CAAC,eAAe,sBACZ,QAAQ,iCACI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE;MAElE,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,WAAW;MACnD,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,YAAY;MACrD,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,UAAU,CACnC,CAClB,CAAC;EACJ,CAAC;EAED,uBAAuB,CAAC,IAAkB;IACxC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IAC7C,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAAI,kBAAkB,CAAC;IAEhE,MAAM,aAAa,GAAG,CACpB,iBACE,KAAK,EAAC,gBAAgB,iBACV,UAAU,EACtB,OAAO,EAAE,IAAI,CAAC,oBAAoB,sBACjB,QAAQ,iCACI,WAAW,IAAI,CAAC,IAAI,EAAE,EACnD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAC1B,CACd,CAAC;IACF,MAAM,cAAc,GAAG,CACrB,iBACE,KAAK,EAAC,iBAAiB,iBACX,UAAU,EACtB,OAAO,EAAE,IAAI,CAAC,qBAAqB,sBAClB,QAAQ,iCACI,YAAY,IAAI,CAAC,IAAI,EAAE,EACpD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAC3B,CACd,CAAC;IACF,MAAM,YAAY,GAAG,CACnB,iBACE,KAAK,EAAC,eAAe,iBACT,UAAU,EACtB,OAAO,EAAE,IAAI,CAAC,mBAAmB,sBAChB,QAAQ,iCACI,UAAU,IAAI,CAAC,IAAI,EAAE,EAClD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GACzB,CACd,CAAC;IAEF,OAAO,CACL,WAAK,KAAK,EAAC,eAAe;MACvB,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,aAAa;MACrD,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,cAAc;MACvD,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,YAAY,CAChD,CACP,CAAC;EACJ,CAAC;EAED,oBAAoB,CAAC,IAAkB;IACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACrE,OAAO,CACL,WAAK,KAAK,EAAC,cAAc;MACvB,WAAK,KAAK,EAAC,iBAAiB;QAC1B,WACE,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE;YACL,UAAU,EAAE,mDAAmD,IAAI,CAAC,QAAQ,kBAAkB,IAAI,CAAC,QAAQ,IAAI;WAChH,GACI;QACN,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,CAC5C,CACF,CACP,CAAC;EACJ,CAAC;EAED,kBAAkB,CAAC,IAAkB;IACnC,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IACzF,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,mBAAmB,CAAC;IAEhE,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAC3F,CAAC;EAED,UAAU,CAAC,IAAkB;IAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACrE,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG,CAAC;IAE5E,OAAO,CACL,WAAK,KAAK,EAAE,gBAAgB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;MAC1D,WAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;QACrD,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC;QAC/C,CAAC,IAAI,CAAC,YAAY,IAAI,CACrB,WAAK,KAAK,EAAE,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;UAC7D,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC;UACpE,IAAI,CAAC,WAAW,KAAK,EAAE,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CACrD,CACP;QACA,IAAI,CAAC,YAAY,IAAI,CACpB,4DAEc,UAAU,iCACO,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,EACrE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,IAEpE,IAAI,CAAC,eAAe,CACX,CACb,CACG;MACL,IAAI,CAAC,YAAY,IAAI,WAAK,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,YAAY,CAAO,CACtE,CACP,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU,IAClB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Element, Event, EventEmitter, Prop, State, Host, forceUpdate } from \"@stencil/core\";\r\nimport { debounce, hideTooltip, intl, showTooltip } from \"../../global/functions\";\r\nimport { UploadedFile } from \"../../global/interfaces\";\r\n\r\n@Component({\r\n  tag: \"wm-file\",\r\n  styleUrl: \"wm-file.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class File {\r\n  @Element() el!: HTMLWmFileElement;\r\n  @Prop() file?: string;\r\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\r\n  @Prop() errorMessage?: string;\r\n  @State() isCondensed: boolean = false;\r\n  @Event() wmIntFilePreviewed!: EventEmitter<string>;\r\n  @Event() wmIntFileDownloaded!: EventEmitter<string>;\r\n  @Event() wmIntFileDeleted!: EventEmitter<string>;\r\n  @Event() wmFileClearErrorClicked!: EventEmitter; // undocumented event, for communication with wm-uploader\r\n  // the file component is used within wm-uploader, which still includes legacy types 1 and 2\r\n  // some new features are not included in these legacy types, and must use the below in conditions\r\n  private isWithinLegacyUploader: boolean = false;\r\n\r\n  get fileData(): UploadedFile {\r\n    let data = this.file ? JSON.parse(this.file) : null;\r\n\r\n    // sometimes JSON numbers can be received as strings, make sure progress is always a number\r\n    if (data && data.progress && typeof data.progress === \"string\" && data.progress.match(/^[0-9]+$/)) {\r\n      data.progress = parseInt(data.progress.toString());\r\n    }\r\n    return data;\r\n  }\r\n\r\n  get isUploading(): boolean {\r\n    return this.fileData && this.fileData.hasOwnProperty(\"progress\") && this.fileData.progress! < 100;\r\n  }\r\n\r\n  get singleCharacterWidth() {\r\n    return this.el.shadowRoot!.querySelector(\".ch-measure\")!.clientWidth;\r\n  }\r\n\r\n  get previewButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.previewButtonTooltip\",\r\n      defaultMessage: \"Preview\",\r\n      description: \"Tooltip of a button that triggers a file to be previewed\",\r\n    });\r\n  }\r\n\r\n  get downloadButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.downloadButtonTooltip\",\r\n      defaultMessage: \"Download\",\r\n      description: \"Tooltip of a button that triggers a file to be downloaded\",\r\n    });\r\n  }\r\n\r\n  get deleteButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.deleteButtonTooltip\",\r\n      defaultMessage: \"Delete\",\r\n      description: \"Tooltip of a button that triggers a file to be deleted\",\r\n    });\r\n  }\r\n\r\n  get previewActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.previewAction\",\r\n      defaultMessage: \"Preview File\",\r\n      description: \"Label of a button that triggers a file to be previewed\",\r\n    });\r\n  }\r\n\r\n  get downloadActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.downloadAction\",\r\n      defaultMessage: \"Download File\",\r\n      description: \"Label of a button that triggers a file to be downloaded\",\r\n    });\r\n  }\r\n\r\n  get deleteActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.deleteAction\",\r\n      defaultMessage: \"Delete File\",\r\n      description: \"Label of a button that triggers a file to be delete\",\r\n    });\r\n  }\r\n\r\n  get actionMenuLabel() {\r\n    return intl.formatMessage({\r\n      id: \"file.actionMenuLabel\",\r\n      defaultMessage: \"Actions\",\r\n      description: \"Label of a button that opens a menu of file actions\",\r\n    });\r\n  }\r\n\r\n  get clearButtonText() {\r\n    return intl.formatMessage({\r\n      id: \"file.clearErrorText\",\r\n      defaultMessage: \"Clear\",\r\n      description: \"Text for a button used to clear an error\",\r\n    });\r\n  }\r\n\r\n  generateClearButtonLabel(filename: string) {\r\n    return intl.formatMessage(\r\n      {\r\n        id: \"file.clearErrorLabel\",\r\n        defaultMessage: \"Clear {fileName} error\",\r\n        description: \"Label for a button used to clear an error, including filename\",\r\n      },\r\n      { fileName: filename }\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const shadowRootHost = (this.el.getRootNode() as ShadowRoot).host;\r\n\r\n    if (shadowRootHost && shadowRootHost.nodeName === \"WM-UPLOADER\") {\r\n      if ((shadowRootHost as HTMLWmUploaderElement).type || (shadowRootHost as HTMLWmUploaderElement).uploaderType) {\r\n        this.isWithinLegacyUploader = true;\r\n      }\r\n    }\r\n\r\n    // rerender on resize in case layout needs to change\r\n    const resizeObserver = new ResizeObserver(() => this.debouncedResize());\r\n    resizeObserver.observe(this.el);\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.truncateFileName(this.el.shadowRoot!.querySelector(\".file\")!);\r\n  }\r\n\r\n  debouncedResize = debounce(() => {\r\n    this.isCondensed = this.el.clientWidth < 500;\r\n    // rerender to show filename truncation changes\r\n    forceUpdate(this.el);\r\n  }, 50);\r\n\r\n  previewFile(file: UploadedFile) {\r\n    this.wmIntFilePreviewed.emit(file.id);\r\n  }\r\n\r\n  downloadFile(file: UploadedFile) {\r\n    this.wmIntFileDownloaded.emit(file.id);\r\n  }\r\n\r\n  deleteFile(file: UploadedFile) {\r\n    this.wmIntFileDeleted.emit(file.id);\r\n  }\r\n\r\n  truncateFileName(file: Element) {\r\n    const leftGroup = file.querySelector(\".left-group\");\r\n    const leftBoundary = leftGroup!.getBoundingClientRect().left;\r\n    const rightGroup = file.querySelector(\".right-group\");\r\n    const rightBoundary = rightGroup\r\n      ? rightGroup.getBoundingClientRect().left\r\n      : file.getBoundingClientRect().right - 20;\r\n    const filenameEl = file.querySelector(\".filename\") as HTMLElement;\r\n    const availableSpace = rightBoundary - leftBoundary;\r\n\r\n    let filename = filenameEl.dataset.filename!;\r\n    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;\r\n\r\n    if (!canFitText) {\r\n      const extension = filename.slice(filename.lastIndexOf(\".\"));\r\n      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);\r\n\r\n      // three ellipses, three constant characters, extension\r\n      const postEllipsesLength = 3 + 3 + extension.length;\r\n      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);\r\n      const preEllipsesText = filename.slice(0, preEllipsesLength);\r\n      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);\r\n      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;\r\n    }\r\n\r\n    filenameEl.textContent = filename;\r\n  }\r\n\r\n  handleFilenameMouseEnter(ev: MouseEvent, filename: string) {\r\n    // only show tooltip if file name is being truncated (has ellipses)\r\n    if ((ev.target as HTMLElement).textContent!.includes(\"...\")) {\r\n      showTooltip(\"bottom\", ev.target as HTMLElement, filename);\r\n    }\r\n  }\r\n\r\n  renderFileName(filename: string, isUploading: boolean) {\r\n    return (\r\n      <div class=\"left-group\">\r\n        <div class=\"name-wrapper\">\r\n          <span class=\"sr-only\">{filename}</span>\r\n          <span\r\n            aria-hidden=\"true\"\r\n            class=\"filename\"\r\n            data-filename={filename}\r\n            onMouseEnter={(ev) => this.handleFilenameMouseEnter(ev, filename)}\r\n            onMouseLeave={() => hideTooltip()}\r\n          ></span>\r\n          {isUploading && <span class=\"sr-only\">uploading</span>}\r\n          <div class=\"ch-measure\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileInfo(item: UploadedFile, showInfo: string) {\r\n    let displayedInfo = \"\";\r\n    if (showInfo === \"time\" && item.lastUpdated) {\r\n      displayedInfo = item.lastUpdated;\r\n    } else if (showInfo === \"size\" && item.size) {\r\n      displayedInfo = item.size;\r\n    }\r\n\r\n    return <div class=\"file-info\">{displayedInfo}</div>;\r\n  }\r\n\r\n  renderActionMenu(item: UploadedFile) {\r\n    const defaultFileActions = \"download delete\";\r\n    const availableActions = item.fileActions || defaultFileActions;\r\n    const previewItem = (\r\n      <wm-menuitem icon=\"f208\" onClick={() => this.previewFile(item)}>\r\n        {this.previewActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    const downloadItem = (\r\n      <wm-menuitem icon=\"f1da\" onClick={() => this.downloadFile(item)}>\r\n        {this.downloadActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    const deleteItem = (\r\n      <wm-menuitem icon=\"f1c0\" onClick={() => this.deleteFile(item)}>\r\n        {this.deleteActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    return (\r\n      <wm-action-menu\r\n        action-menu-type=\"icon\"\r\n        tooltip={this.actionMenuLabel}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`${item.name} ${this.actionMenuLabel}`}\r\n      >\r\n        {availableActions.includes(\"preview\") && previewItem}\r\n        {availableActions.includes(\"download\") && downloadItem}\r\n        {availableActions.includes(\"delete\") && deleteItem}\r\n      </wm-action-menu>\r\n    );\r\n  }\r\n\r\n  renderFileActionButtons(item: UploadedFile) {\r\n    const defaultFileActions = \"download delete\";\r\n    const availableActions = item.fileActions || defaultFileActions;\r\n\r\n    const previewButton = (\r\n      <wm-button\r\n        class=\"preview-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.previewButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`preview ${item.name}`}\r\n        icon=\"f208\"\r\n        onClick={() => this.previewFile(item)}\r\n      ></wm-button>\r\n    );\r\n    const downloadButton = (\r\n      <wm-button\r\n        class=\"download-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.downloadButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`download ${item.name}`}\r\n        icon=\"f1da\"\r\n        onClick={() => this.downloadFile(item)}\r\n      ></wm-button>\r\n    );\r\n    const deleteButton = (\r\n      <wm-button\r\n        class=\"delete-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.deleteButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`delete ${item.name}`}\r\n        icon=\"f1c0\"\r\n        onClick={() => this.deleteFile(item)}\r\n      ></wm-button>\r\n    );\r\n\r\n    return (\r\n      <div class=\"file-controls\">\r\n        {availableActions.includes(\"preview\") && previewButton}\r\n        {availableActions.includes(\"download\") && downloadButton}\r\n        {availableActions.includes(\"delete\") && deleteButton}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileInProgress(item: UploadedFile) {\r\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\r\n    return (\r\n      <div class=\"file-wrapper\">\r\n        <div class=\"file --progress\">\r\n          <div\r\n            class=\"progress\"\r\n            style={{\r\n              background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,\r\n            }}\r\n          ></div>\r\n          {this.renderFileName(filename, this.isUploading)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileControls(item: UploadedFile) {\r\n    const hasSingleFileAction = item.fileActions && item.fileActions.split(\" \").length === 1;\r\n    const showActionMenu = this.isCondensed && !hasSingleFileAction;\r\n\r\n    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);\r\n  }\r\n\r\n  renderFile(item: UploadedFile) {\r\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\r\n    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;\r\n\r\n    return (\r\n      <div class={`file-wrapper ${showCheckmark ? \"checked\" : \"\"}`}>\r\n        <div class={`file ${this.errorMessage ? \"--error\" : \"\"}`}>\r\n          {this.renderFileName(filename, this.isUploading)}\r\n          {!this.errorMessage && (\r\n            <div class={`right-group ${this.isCondensed ? \"condensed\" : \"\"}`}>\r\n              {this.showInfo !== \"none\" && this.renderFileInfo(item, this.showInfo)}\r\n              {item.fileActions !== \"\" && this.renderFileControls(item)}\r\n            </div>\r\n          )}\r\n          {this.errorMessage && (\r\n            <wm-button\r\n              permanently-delete\r\n              button-type=\"textonly\"\r\n              label-for-identical-buttons={this.generateClearButtonLabel(item.name)}\r\n              onClick={() => this.wmFileClearErrorClicked.emit({ name: item.name })}\r\n            >\r\n              {this.clearButtonText}\r\n            </wm-button>\r\n          )}\r\n        </div>\r\n        {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"listitem\">\r\n        {this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"wm-file.js","sourceRoot":"","sources":["../../../../src/components/wm-file/wm-file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAQlF,MAAM,OAAO,IAAI;;IAUf,2FAA2F;IAC3F,iGAAiG;IACzF,2BAAsB,GAAY,KAAK,CAAC;IAiHhD,oBAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;MAC9B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;MAC7C,+CAA+C;MAC/C,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;;oBA9HsC,MAAM;;uBAEnB,KAAK;;EASrC,IAAI,QAAQ;IACV,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,2FAA2F;IAC3F,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;MACjG,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;KACpD;IACD,OAAO,IAAI,CAAC;EACd,CAAC;EAED,IAAI,WAAW;IACb,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAS,GAAG,GAAG,CAAC;EACpG,CAAC;EAED,IAAI,oBAAoB;IACtB,OAAO,IAAI,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,aAAa,CAAE,CAAC,WAAW,CAAC;EACvE,CAAC;EAED,IAAI,oBAAoB;IACtB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,2BAA2B;MAC/B,cAAc,EAAE,SAAS;MACzB,WAAW,EAAE,0DAA0D;KACxE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,qBAAqB;IACvB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,4BAA4B;MAChC,cAAc,EAAE,UAAU;MAC1B,WAAW,EAAE,2DAA2D;KACzE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,mBAAmB;IACrB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,0BAA0B;MAC9B,cAAc,EAAE,QAAQ;MACxB,WAAW,EAAE,wDAAwD;KACtE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,oBAAoB;IACtB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,oBAAoB;MACxB,cAAc,EAAE,cAAc;MAC9B,WAAW,EAAE,wDAAwD;KACtE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,qBAAqB;IACvB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,qBAAqB;MACzB,cAAc,EAAE,eAAe;MAC/B,WAAW,EAAE,yDAAyD;KACvE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,mBAAmB;IACrB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,mBAAmB;MACvB,cAAc,EAAE,aAAa;MAC7B,WAAW,EAAE,qDAAqD;KACnE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,eAAe;IACjB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,sBAAsB;MAC1B,cAAc,EAAE,SAAS;MACzB,WAAW,EAAE,qDAAqD;KACnE,CAAC,CAAC;EACL,CAAC;EAED,IAAI,eAAe;IACjB,OAAO,IAAI,CAAC,aAAa,CAAC;MACxB,EAAE,EAAE,qBAAqB;MACzB,cAAc,EAAE,OAAO;MACvB,WAAW,EAAE,0CAA0C;KACxD,CAAC,CAAC;EACL,CAAC;EAED,wBAAwB,CAAC,QAAgB;IACvC,OAAO,IAAI,CAAC,aAAa,CACvB;MACE,EAAE,EAAE,sBAAsB;MAC1B,cAAc,EAAE,wBAAwB;MACxC,WAAW,EAAE,+DAA+D;KAC7E,EACD,EAAE,QAAQ,EAAE,QAAQ,EAAE,CACvB,CAAC;EACJ,CAAC;EAED,iBAAiB;IACf,MAAM,cAAc,GAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAiB,CAAC,IAAI,CAAC;IAElE,IAAI,cAAc,IAAI,cAAc,CAAC,QAAQ,KAAK,aAAa,EAAE;MAC/D,IAAK,cAAwC,CAAC,IAAI,IAAK,cAAwC,CAAC,YAAY,EAAE;QAC5G,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;OACpC;KACF;IAED,oDAAoD;IACpD,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IACxE,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EAClC,CAAC;EAED,kBAAkB;IAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC,CAAC;EACrE,CAAC;EAQD,WAAW,CAAC,IAAkB;IAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACxC,CAAC;EAED,YAAY,CAAC,IAAkB;IAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACzC,CAAC;EAED,UAAU,CAAC,IAAkB;IAC3B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACtC,CAAC;EAED,gBAAgB,CAAC,IAAa;IAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,SAAU,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,UAAU;MAC9B,CAAC,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,IAAI;MACzC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAgB,CAAC;IAClE,MAAM,cAAc,GAAG,aAAa,GAAG,YAAY,CAAC;IAEpD,IAAI,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,QAAS,CAAC;IAC5C,MAAM,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC;IAEhF,IAAI,CAAC,UAAU,EAAE;MACf,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;MAC5D,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;MAEpF,uDAAuD;MACvD,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;MACpD,IAAI,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,CAAC;MAC/E,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC;MAC7D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;MAC1F,QAAQ,GAAG,GAAG,eAAe,CAAC,IAAI,EAAE,MAAM,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC;KACrE;IAED,UAAU,CAAC,WAAW,GAAG,QAAQ,CAAC;EACpC,CAAC;EAED,wBAAwB,CAAC,EAAc,EAAE,QAAgB;IACvD,mEAAmE;IACnE,IAAK,EAAE,CAAC,MAAsB,CAAC,WAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;MAC3D,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAqB,EAAE,QAAQ,CAAC,CAAC;KAC3D;EACH,CAAC;EAED,cAAc,CAAC,QAAgB,EAAE,WAAoB;IACnD,OAAO,CACL,WAAK,KAAK,EAAC,YAAY;MACrB,WAAK,KAAK,EAAC,cAAc;QACvB,YAAM,KAAK,EAAC,SAAS,IAAE,QAAQ,CAAQ;QACvC,2BACc,MAAM,EAClB,KAAK,EAAC,UAAU,mBACD,QAAQ,EACvB,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,wBAAwB,CAAC,EAAE,EAAE,QAAQ,CAAC,EACjE,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,GAC3B;QACP,WAAW,IAAI,YAAM,KAAK,EAAC,SAAS,gBAAiB;QACtD,WAAK,KAAK,EAAC,YAAY,GAAO,CAC1B,CACF,CACP,CAAC;EACJ,CAAC;EAED,cAAc,CAAC,IAAkB,EAAE,QAAgB;IACjD,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;MAC3C,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC;KAClC;SAAM,IAAI,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE;MAC3C,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC;KAC3B;IAED,OAAO,WAAK,KAAK,EAAC,WAAW,IAAE,aAAa,CAAO,CAAC;EACtD,CAAC;EAED,gBAAgB,CAAC,IAAkB;IACjC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IAC7C,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAAI,kBAAkB,CAAC;IAChE,MAAM,WAAW,GAAG,CAClB,mBAAa,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAC3D,IAAI,CAAC,oBAAoB,CACd,CACf,CAAC;IACF,MAAM,YAAY,GAAG,CACnB,mBAAa,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAC5D,IAAI,CAAC,qBAAqB,CACf,CACf,CAAC;IACF,MAAM,UAAU,GAAG,CACjB,mBAAa,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAC1D,IAAI,CAAC,mBAAmB,CACb,CACf,CAAC;IACF,OAAO,CACL,0CACmB,MAAM,EACvB,OAAO,EAAE,IAAI,CAAC,eAAe,sBACZ,QAAQ,iCACI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE;MAElE,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,WAAW;MACnD,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,YAAY;MACrD,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,UAAU,CACnC,CAClB,CAAC;EACJ,CAAC;EAED,uBAAuB,CAAC,IAAkB;IACxC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IAC7C,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAAI,kBAAkB,CAAC;IAEhE,MAAM,aAAa,GAAG,CACpB,iBACE,KAAK,EAAC,gBAAgB,iBACV,UAAU,EACtB,OAAO,EAAE,IAAI,CAAC,oBAAoB,sBACjB,QAAQ,iCACI,WAAW,IAAI,CAAC,IAAI,EAAE,EACnD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAC1B,CACd,CAAC;IACF,MAAM,cAAc,GAAG,CACrB,iBACE,KAAK,EAAC,iBAAiB,iBACX,UAAU,EACtB,OAAO,EAAE,IAAI,CAAC,qBAAqB,sBAClB,QAAQ,iCACI,YAAY,IAAI,CAAC,IAAI,EAAE,EACpD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAC3B,CACd,CAAC;IACF,MAAM,YAAY,GAAG,CACnB,iBACE,KAAK,EAAC,eAAe,iBACT,UAAU,EACtB,OAAO,EAAE,IAAI,CAAC,mBAAmB,sBAChB,QAAQ,iCACI,UAAU,IAAI,CAAC,IAAI,EAAE,EAClD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GACzB,CACd,CAAC;IAEF,OAAO,CACL,WAAK,KAAK,EAAC,eAAe;MACvB,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,aAAa;MACrD,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,cAAc;MACvD,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,YAAY,CAChD,CACP,CAAC;EACJ,CAAC;EAED,oBAAoB,CAAC,IAAkB;IACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACrE,OAAO,CACL,WAAK,KAAK,EAAC,cAAc;MACvB,WAAK,KAAK,EAAC,iBAAiB;QAC1B,WACE,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE;YACL,UAAU,EAAE,mDAAmD,IAAI,CAAC,QAAQ,kBAAkB,IAAI,CAAC,QAAQ,IAAI;WAChH,GACI;QACN,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,CAC5C,CACF,CACP,CAAC;EACJ,CAAC;EAED,kBAAkB,CAAC,IAAkB;IACnC,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IACzF,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,mBAAmB,CAAC;IAEhE,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAC3F,CAAC;EAED,UAAU,CAAC,IAAkB;IAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACrE,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG,CAAC;IAE5E,OAAO,CACL,WAAK,KAAK,EAAE,gBAAgB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;MAC1D,WAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;QACrD,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC;QAC/C,CAAC,IAAI,CAAC,YAAY,IAAI,CACrB,WAAK,KAAK,EAAE,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;UAC7D,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC;UACpE,IAAI,CAAC,WAAW,KAAK,EAAE,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CACrD,CACP;QACA,IAAI,CAAC,YAAY,IAAI,CACpB,4DAEc,UAAU,iCACO,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,EACrE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,IAEpE,IAAI,CAAC,eAAe,CACX,CACb,CACG;MACL,IAAI,CAAC,YAAY,IAAI,WAAK,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,YAAY,CAAO,CACtE,CACP,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU,IAClB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Element, Event, EventEmitter, Prop, State, Host, forceUpdate } from \"@stencil/core\";\nimport { debounce, hideTooltip, intl, showTooltip } from \"../../global/functions\";\nimport { UploadedFile } from \"../../global/interfaces\";\n\n@Component({\n  tag: \"wm-file\",\n  styleUrl: \"wm-file.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class File {\n  @Element() el!: HTMLWmFileElement;\n  @Prop() file?: string;\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\n  @Prop() errorMessage?: string;\n  @State() isCondensed: boolean = false;\n  @Event() wmIntFilePreviewed!: EventEmitter<string>;\n  @Event() wmIntFileDownloaded!: EventEmitter<string>;\n  @Event() wmIntFileDeleted!: EventEmitter<string>;\n  @Event() wmFileClearErrorClicked!: EventEmitter; // undocumented event, for communication with wm-uploader\n  // the file component is used within wm-uploader, which still includes legacy types 1 and 2\n  // some new features are not included in these legacy types, and must use the below in conditions\n  private isWithinLegacyUploader: boolean = false;\n\n  get fileData(): UploadedFile {\n    let data = this.file ? JSON.parse(this.file) : null;\n\n    // sometimes JSON numbers can be received as strings, make sure progress is always a number\n    if (data && data.progress && typeof data.progress === \"string\" && data.progress.match(/^[0-9]+$/)) {\n      data.progress = parseInt(data.progress.toString());\n    }\n    return data;\n  }\n\n  get isUploading(): boolean {\n    return this.fileData && this.fileData.hasOwnProperty(\"progress\") && this.fileData.progress! < 100;\n  }\n\n  get singleCharacterWidth() {\n    return this.el.shadowRoot!.querySelector(\".ch-measure\")!.clientWidth;\n  }\n\n  get previewButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.previewButtonTooltip\",\n      defaultMessage: \"Preview\",\n      description: \"Tooltip of a button that triggers a file to be previewed\",\n    });\n  }\n\n  get downloadButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.downloadButtonTooltip\",\n      defaultMessage: \"Download\",\n      description: \"Tooltip of a button that triggers a file to be downloaded\",\n    });\n  }\n\n  get deleteButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.deleteButtonTooltip\",\n      defaultMessage: \"Delete\",\n      description: \"Tooltip of a button that triggers a file to be deleted\",\n    });\n  }\n\n  get previewActionMessage() {\n    return intl.formatMessage({\n      id: \"file.previewAction\",\n      defaultMessage: \"Preview File\",\n      description: \"Label of a button that triggers a file to be previewed\",\n    });\n  }\n\n  get downloadActionMessage() {\n    return intl.formatMessage({\n      id: \"file.downloadAction\",\n      defaultMessage: \"Download File\",\n      description: \"Label of a button that triggers a file to be downloaded\",\n    });\n  }\n\n  get deleteActionMessage() {\n    return intl.formatMessage({\n      id: \"file.deleteAction\",\n      defaultMessage: \"Delete File\",\n      description: \"Label of a button that triggers a file to be delete\",\n    });\n  }\n\n  get actionMenuLabel() {\n    return intl.formatMessage({\n      id: \"file.actionMenuLabel\",\n      defaultMessage: \"Actions\",\n      description: \"Label of a button that opens a menu of file actions\",\n    });\n  }\n\n  get clearButtonText() {\n    return intl.formatMessage({\n      id: \"file.clearErrorText\",\n      defaultMessage: \"Clear\",\n      description: \"Text for a button used to clear an error\",\n    });\n  }\n\n  generateClearButtonLabel(filename: string) {\n    return intl.formatMessage(\n      {\n        id: \"file.clearErrorLabel\",\n        defaultMessage: \"Clear {fileName} error\",\n        description: \"Label for a button used to clear an error, including filename\",\n      },\n      { fileName: filename }\n    );\n  }\n\n  componentWillLoad() {\n    const shadowRootHost = (this.el.getRootNode() as ShadowRoot).host;\n\n    if (shadowRootHost && shadowRootHost.nodeName === \"WM-UPLOADER\") {\n      if ((shadowRootHost as HTMLWmUploaderElement).type || (shadowRootHost as HTMLWmUploaderElement).uploaderType) {\n        this.isWithinLegacyUploader = true;\n      }\n    }\n\n    // rerender on resize in case layout needs to change\n    const resizeObserver = new ResizeObserver(() => this.debouncedResize());\n    resizeObserver.observe(this.el);\n  }\n\n  componentDidRender() {\n    this.truncateFileName(this.el.shadowRoot!.querySelector(\".file\")!);\n  }\n\n  debouncedResize = debounce(() => {\n    this.isCondensed = this.el.clientWidth < 500;\n    // rerender to show filename truncation changes\n    forceUpdate(this.el);\n  }, 50);\n\n  previewFile(file: UploadedFile) {\n    this.wmIntFilePreviewed.emit(file.id);\n  }\n\n  downloadFile(file: UploadedFile) {\n    this.wmIntFileDownloaded.emit(file.id);\n  }\n\n  deleteFile(file: UploadedFile) {\n    this.wmIntFileDeleted.emit(file.id);\n  }\n\n  truncateFileName(file: Element) {\n    const leftGroup = file.querySelector(\".left-group\");\n    const leftBoundary = leftGroup!.getBoundingClientRect().left;\n    const rightGroup = file.querySelector(\".right-group\");\n    const rightBoundary = rightGroup\n      ? rightGroup.getBoundingClientRect().left\n      : file.getBoundingClientRect().right - 20;\n    const filenameEl = file.querySelector(\".filename\") as HTMLElement;\n    const availableSpace = rightBoundary - leftBoundary;\n\n    let filename = filenameEl.dataset.filename!;\n    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;\n\n    if (!canFitText) {\n      const extension = filename.slice(filename.lastIndexOf(\".\"));\n      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);\n\n      // three ellipses, three constant characters, extension\n      const postEllipsesLength = 3 + 3 + extension.length;\n      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);\n      const preEllipsesText = filename.slice(0, preEllipsesLength);\n      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);\n      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;\n    }\n\n    filenameEl.textContent = filename;\n  }\n\n  handleFilenameMouseEnter(ev: MouseEvent, filename: string) {\n    // only show tooltip if file name is being truncated (has ellipses)\n    if ((ev.target as HTMLElement).textContent!.includes(\"...\")) {\n      showTooltip(\"bottom\", ev.target as HTMLElement, filename);\n    }\n  }\n\n  renderFileName(filename: string, isUploading: boolean) {\n    return (\n      <div class=\"left-group\">\n        <div class=\"name-wrapper\">\n          <span class=\"sr-only\">{filename}</span>\n          <span\n            aria-hidden=\"true\"\n            class=\"filename\"\n            data-filename={filename}\n            onMouseEnter={(ev) => this.handleFilenameMouseEnter(ev, filename)}\n            onMouseLeave={() => hideTooltip()}\n          ></span>\n          {isUploading && <span class=\"sr-only\">uploading</span>}\n          <div class=\"ch-measure\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  renderFileInfo(item: UploadedFile, showInfo: string) {\n    let displayedInfo = \"\";\n    if (showInfo === \"time\" && item.lastUpdated) {\n      displayedInfo = item.lastUpdated;\n    } else if (showInfo === \"size\" && item.size) {\n      displayedInfo = item.size;\n    }\n\n    return <div class=\"file-info\">{displayedInfo}</div>;\n  }\n\n  renderActionMenu(item: UploadedFile) {\n    const defaultFileActions = \"download delete\";\n    const availableActions = item.fileActions || defaultFileActions;\n    const previewItem = (\n      <wm-menuitem icon=\"f208\" onClick={() => this.previewFile(item)}>\n        {this.previewActionMessage}\n      </wm-menuitem>\n    );\n    const downloadItem = (\n      <wm-menuitem icon=\"f1da\" onClick={() => this.downloadFile(item)}>\n        {this.downloadActionMessage}\n      </wm-menuitem>\n    );\n    const deleteItem = (\n      <wm-menuitem icon=\"f1c0\" onClick={() => this.deleteFile(item)}>\n        {this.deleteActionMessage}\n      </wm-menuitem>\n    );\n    return (\n      <wm-action-menu\n        action-menu-type=\"icon\"\n        tooltip={this.actionMenuLabel}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`${item.name} ${this.actionMenuLabel}`}\n      >\n        {availableActions.includes(\"preview\") && previewItem}\n        {availableActions.includes(\"download\") && downloadItem}\n        {availableActions.includes(\"delete\") && deleteItem}\n      </wm-action-menu>\n    );\n  }\n\n  renderFileActionButtons(item: UploadedFile) {\n    const defaultFileActions = \"download delete\";\n    const availableActions = item.fileActions || defaultFileActions;\n\n    const previewButton = (\n      <wm-button\n        class=\"preview-button\"\n        button-type=\"icononly\"\n        tooltip={this.previewButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`preview ${item.name}`}\n        icon=\"f208\"\n        onClick={() => this.previewFile(item)}\n      ></wm-button>\n    );\n    const downloadButton = (\n      <wm-button\n        class=\"download-button\"\n        button-type=\"icononly\"\n        tooltip={this.downloadButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`download ${item.name}`}\n        icon=\"f1da\"\n        onClick={() => this.downloadFile(item)}\n      ></wm-button>\n    );\n    const deleteButton = (\n      <wm-button\n        class=\"delete-button\"\n        button-type=\"icononly\"\n        tooltip={this.deleteButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`delete ${item.name}`}\n        icon=\"f1c0\"\n        onClick={() => this.deleteFile(item)}\n      ></wm-button>\n    );\n\n    return (\n      <div class=\"file-controls\">\n        {availableActions.includes(\"preview\") && previewButton}\n        {availableActions.includes(\"download\") && downloadButton}\n        {availableActions.includes(\"delete\") && deleteButton}\n      </div>\n    );\n  }\n\n  renderFileInProgress(item: UploadedFile) {\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\n    return (\n      <div class=\"file-wrapper\">\n        <div class=\"file --progress\">\n          <div\n            class=\"progress\"\n            style={{\n              background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,\n            }}\n          ></div>\n          {this.renderFileName(filename, this.isUploading)}\n        </div>\n      </div>\n    );\n  }\n\n  renderFileControls(item: UploadedFile) {\n    const hasSingleFileAction = item.fileActions && item.fileActions.split(\" \").length === 1;\n    const showActionMenu = this.isCondensed && !hasSingleFileAction;\n\n    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);\n  }\n\n  renderFile(item: UploadedFile) {\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\n    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;\n\n    return (\n      <div class={`file-wrapper ${showCheckmark ? \"checked\" : \"\"}`}>\n        <div class={`file ${this.errorMessage ? \"--error\" : \"\"}`}>\n          {this.renderFileName(filename, this.isUploading)}\n          {!this.errorMessage && (\n            <div class={`right-group ${this.isCondensed ? \"condensed\" : \"\"}`}>\n              {this.showInfo !== \"none\" && this.renderFileInfo(item, this.showInfo)}\n              {item.fileActions !== \"\" && this.renderFileControls(item)}\n            </div>\n          )}\n          {this.errorMessage && (\n            <wm-button\n              permanently-delete\n              button-type=\"textonly\"\n              label-for-identical-buttons={this.generateClearButtonLabel(item.name)}\n              onClick={() => this.wmFileClearErrorClicked.emit({ name: item.name })}\n            >\n              {this.clearButtonText}\n            </wm-button>\n          )}\n        </div>\n        {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        {this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/wm-file-list/wm-file-list.js

@@ -1,153 +1,153 @@
-import { h } from "@stencil/core";
-export class FileList {
-  constructor() {
-    this.files = undefined;
-    this.showInfo = "time";
-  }
-  get fileList() {
-    return this.files ? JSON.parse(this.files) : [];
-  }
-  handleFileDownloaded(ev) {
-    this.wmFileDownload.emit(ev.detail);
-  }
-  handleFilePreviewed(ev) {
-    this.wmFilePreview.emit(ev.detail);
-  }
-  handleFileDeleted(ev) {
-    this.wmFileDelete.emit(ev.detail);
-  }
-  renderFile(file) {
-    // file list does not allow for default file actions
-    // if none are passed, display no buttons
-    if (file.fileActions === undefined) {
-      file.fileActions = "";
-    }
-    return h("wm-file", { file: JSON.stringify(file), "show-info": this.showInfo });
-  }
-  render() {
-    return (h("div", { role: "list", class: "list-wrapper" }, this.fileList.map((file) => this.renderFile(file))));
-  }
-  static get is() { return "wm-file-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get delegatesFocus() { return true; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["wm-file-list.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["wm-file-list.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "files": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "files",
-        "reflect": false
-      },
-      "showInfo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"time\" | \"size\" | \"none\"",
-          "resolved": "\"none\" | \"size\" | \"time\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-info",
-        "reflect": false,
-        "defaultValue": "\"time\""
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "wmFileDelete",
-        "name": "wmFileDelete",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "wmFileDownload",
-        "name": "wmFileDownload",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "wmFilePreview",
-        "name": "wmFilePreview",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "wmIntFileDownloaded",
-        "method": "handleFileDownloaded",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "wmIntFilePreviewed",
-        "method": "handleFilePreviewed",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "wmIntFileDeleted",
-        "method": "handleFileDeleted",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
-//# sourceMappingURL=wm-file-list.js.map
+import { h } from "@stencil/core";
+export class FileList {
+  constructor() {
+    this.files = undefined;
+    this.showInfo = "time";
+  }
+  get fileList() {
+    return this.files ? JSON.parse(this.files) : [];
+  }
+  handleFileDownloaded(ev) {
+    this.wmFileDownload.emit(ev.detail);
+  }
+  handleFilePreviewed(ev) {
+    this.wmFilePreview.emit(ev.detail);
+  }
+  handleFileDeleted(ev) {
+    this.wmFileDelete.emit(ev.detail);
+  }
+  renderFile(file) {
+    // file list does not allow for default file actions
+    // if none are passed, display no buttons
+    if (file.fileActions === undefined) {
+      file.fileActions = "";
+    }
+    return h("wm-file", { file: JSON.stringify(file), "show-info": this.showInfo });
+  }
+  render() {
+    return (h("div", { role: "list", class: "list-wrapper" }, this.fileList.map((file) => this.renderFile(file))));
+  }
+  static get is() { return "wm-file-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get delegatesFocus() { return true; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["wm-file-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["wm-file-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "files": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "files",
+        "reflect": false
+      },
+      "showInfo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"time\" | \"size\" | \"none\"",
+          "resolved": "\"none\" | \"size\" | \"time\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-info",
+        "reflect": false,
+        "defaultValue": "\"time\""
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "wmFileDelete",
+        "name": "wmFileDelete",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "wmFileDownload",
+        "name": "wmFileDownload",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "wmFilePreview",
+        "name": "wmFilePreview",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "wmIntFileDownloaded",
+        "method": "handleFileDownloaded",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "wmIntFilePreviewed",
+        "method": "handleFilePreviewed",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "wmIntFileDeleted",
+        "method": "handleFileDeleted",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=wm-file-list.js.map

package/dist/collection/components/wm-file-list/wm-file-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"wm-file-list.js","sourceRoot":"","sources":["../../../../src/components/wm-file-list/wm-file-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzF,MAAM,OAAO,QAAQ;;;oBAG0B,MAAM;;EAMnD,IAAI,QAAQ;IACV,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;EAClD,CAAC;EAGD,oBAAoB,CAAC,EAAe;IAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;EACtC,CAAC;EAGD,mBAAmB,CAAC,EAAe;IACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;EACrC,CAAC;EAGD,iBAAiB,CAAC,EAAe;IAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;EACpC,CAAC;EAED,UAAU,CAAC,IAAkB;IAC3B,oDAAoD;IACpD,yCAAyC;IACzC,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;MAClC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;KACvB;IACD,OAAO,eAAS,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAa,IAAI,CAAC,QAAQ,GAAY,CAAC;EACnF,CAAC;EAED,MAAM;IACJ,OAAO,CACL,WAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,IAClC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAC7D,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Element, Event, EventEmitter, Listen, Prop } from \"@stencil/core\";\r\nimport { UploadedFile } from \"../../global/interfaces\";\r\n\r\n@Component({\r\n  tag: \"wm-file-list\",\r\n  styleUrl: \"wm-file-list.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class FileList {\r\n  @Element() el!: HTMLWmFileListElement;\r\n  @Prop() files?: string;\r\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\r\n\r\n  @Event() wmFileDelete!: EventEmitter<string>;\r\n  @Event() wmFileDownload!: EventEmitter<string>;\r\n  @Event() wmFilePreview!: EventEmitter<string>;\r\n\r\n  get fileList(): [UploadedFile] {\r\n    return this.files ? JSON.parse(this.files) : [];\r\n  }\r\n\r\n  @Listen(\"wmIntFileDownloaded\")\r\n  handleFileDownloaded(ev: CustomEvent) {\r\n    this.wmFileDownload.emit(ev.detail);\r\n  }\r\n\r\n  @Listen(\"wmIntFilePreviewed\")\r\n  handleFilePreviewed(ev: CustomEvent) {\r\n    this.wmFilePreview.emit(ev.detail);\r\n  }\r\n\r\n  @Listen(\"wmIntFileDeleted\")\r\n  handleFileDeleted(ev: CustomEvent) {\r\n    this.wmFileDelete.emit(ev.detail);\r\n  }\r\n\r\n  renderFile(file: UploadedFile) {\r\n    // file list does not allow for default file actions\r\n    // if none are passed, display no buttons\r\n    if (file.fileActions === undefined) {\r\n      file.fileActions = \"\";\r\n    }\r\n    return <wm-file file={JSON.stringify(file)} show-info={this.showInfo}></wm-file>;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div role=\"list\" class=\"list-wrapper\">\r\n        {this.fileList.map((file: UploadedFile) => this.renderFile(file))}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"wm-file-list.js","sourceRoot":"","sources":["../../../../src/components/wm-file-list/wm-file-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzF,MAAM,OAAO,QAAQ;;;oBAG0B,MAAM;;EAMnD,IAAI,QAAQ;IACV,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;EAClD,CAAC;EAGD,oBAAoB,CAAC,EAAe;IAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;EACtC,CAAC;EAGD,mBAAmB,CAAC,EAAe;IACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;EACrC,CAAC;EAGD,iBAAiB,CAAC,EAAe;IAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;EACpC,CAAC;EAED,UAAU,CAAC,IAAkB;IAC3B,oDAAoD;IACpD,yCAAyC;IACzC,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;MAClC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;KACvB;IACD,OAAO,eAAS,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAa,IAAI,CAAC,QAAQ,GAAY,CAAC;EACnF,CAAC;EAED,MAAM;IACJ,OAAO,CACL,WAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,IAClC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAC7D,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Element, Event, EventEmitter, Listen, Prop } from \"@stencil/core\";\nimport { UploadedFile } from \"../../global/interfaces\";\n\n@Component({\n  tag: \"wm-file-list\",\n  styleUrl: \"wm-file-list.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class FileList {\n  @Element() el!: HTMLWmFileListElement;\n  @Prop() files?: string;\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\n\n  @Event() wmFileDelete!: EventEmitter<string>;\n  @Event() wmFileDownload!: EventEmitter<string>;\n  @Event() wmFilePreview!: EventEmitter<string>;\n\n  get fileList(): [UploadedFile] {\n    return this.files ? JSON.parse(this.files) : [];\n  }\n\n  @Listen(\"wmIntFileDownloaded\")\n  handleFileDownloaded(ev: CustomEvent) {\n    this.wmFileDownload.emit(ev.detail);\n  }\n\n  @Listen(\"wmIntFilePreviewed\")\n  handleFilePreviewed(ev: CustomEvent) {\n    this.wmFilePreview.emit(ev.detail);\n  }\n\n  @Listen(\"wmIntFileDeleted\")\n  handleFileDeleted(ev: CustomEvent) {\n    this.wmFileDelete.emit(ev.detail);\n  }\n\n  renderFile(file: UploadedFile) {\n    // file list does not allow for default file actions\n    // if none are passed, display no buttons\n    if (file.fileActions === undefined) {\n      file.fileActions = \"\";\n    }\n    return <wm-file file={JSON.stringify(file)} show-info={this.showInfo}></wm-file>;\n  }\n\n  render() {\n    return (\n      <div role=\"list\" class=\"list-wrapper\">\n        {this.fileList.map((file: UploadedFile) => this.renderFile(file))}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/wm-input/wm-input.css

@@ -197,11 +197,11 @@ wm-input .wrapper.invalid .error-message {
 :host .wrapper:focus .inputfield-wrapper, :host .wrapper.focus .inputfield-wrapper,
 wm-input .wrapper:focus .inputfield-wrapper,
 wm-input .wrapper.focus .inputfield-wrapper {
-  -webkit-box-shadow: 0 0 0 1px #20cbd4;
-  -moz-box-shadow: 0 0 0 1px #20cbd4;
-  box-shadow: 0 0 0 1px #20cbd4;
+  -webkit-box-shadow: 0 0 0 1px #19a1a9;
+  -moz-box-shadow: 0 0 0 1px #19a1a9;
+  box-shadow: 0 0 0 1px #19a1a9;
   outline: none;
-  border-color: #20cbd4;
+  border-color: #19a1a9;
 }
 :host .sr-only,
 wm-input .sr-only {