npm - @getflip/swirl-components - Versions diffs - 0.503.0 → 0.505.0 - Mend

@getflip/swirl-components 0.503.0 → 0.505.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2544) hide show

package/dist/components/swirl-data-cell.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as a,HTMLElement as e,createEvent as l,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c}from"./index2.js";import{d ~~as r~~}from"./swirl-icon-info2.js";import{d}from"./swirl-stack2.js";import{d as o}from"./swirl-tooltip2.js";import{v as n}from"./v4.js";const f=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.valueChange=l(this,"valueChange",7),this.intent="default",this.vertical=!1,this.elementId="data-cell-"+n(),this.handleRadioClick=a=>{const e=a.target,l=this.el.querySelector('swirl-radio[slot="content"]');if(e.contains(l)){const a=l?.querySelector('input[type="radio"]');a.click()}},this.handleClick=a=>{this.handleRadioClick(a),this.valueChange.emit(a)}}render(){const a=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="media"]')?.parentElement.tagName),e=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="suffix"]')?.parentElement.tagName),l=!!this.label,s=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="content"]')?.parentElement.tagName),r=!!this.el.querySelector('swirl-checkbox[slot="content"]'),d=!!this.el.querySelector('swirl-radio[slot="content"]'),o=c("data-cell",{"data-cell--vertical":this.vertical,"data-cell--has-media":a,"data-cell--has-suffix":e,"data-cell--has-content":s,"data-cell--no-label":!l,"data-cell--interactive":r~~\|\|d~~,["data-cell--intent-"+this.intent]:this.intent}),n=this.elementId+"-label",f=this.elementId+"-value",u="SWIRL-DATA-CELL-STACK"===this.el.parentElement?.tagName,b=u?"listitem":"group",p=r~~\|\|d~~?"button":void 0,h=u&&!p?"group":p,v=t("swirl-stack",{key:"~~ab16afe01f6c3c18dd67a5da174026e1e8de6bf3~~",orientation:"horizontal",align:"center",spacing:"4"},t("span",{key:"~~ae92a2d8cb8431aaf862e93eb847943b9a6d8279~~",class:"data-cell__label",id:n,role:"term"},this.label),this.tooltip&&t("swirl-tooltip",{key:"~~6454b08e1b64849e0900e144b30cf74d8b6581f3~~",class:"data-cell__tooltip",content:this.tooltip,position:"right"},t("swirl-icon-info",{key:"~~dfe5c87e7a844fa5a1aa57e20fd2f3b262ad9876~~",size:16,tabIndex:0})));return t(i,{key:"~~0a0404e543eb4072e67660e330704495f45eef66~~",role:b},t("div",{key:"~~eac7c29bb73dd59d41146a85cc0c11dc33cccedd~~",class:o,part:"data-cell",onClick:r~~\|\|d~~?this.handleClick:void 0,role:h,tabIndex:r~~\|\|d~~?0:void 0},a&&t("div",{key:"~~83898c60be03a148614ec046f9d89428d48051a9~~",class:"data-cell__media","aria-hidden":"true"},t("slot",{key:"~~3050473fef6c3b8378f51edb2f36e6b250a3db68~~",name:"media"})),t("div",{key:"~~5239437999175393cb8c5737f0fcc9576684da41~~",class:"data-cell__content"},l&&t("div",{key:"~~15eb00504d85050f405024166f4642fa17ebf6d5~~",class:"data-cell__label-wrapper"},v),(s\|\|this.value\|\|e)&&t("div",{key:"~~7cae24859db14bff3fe9bb5309122f72a03331a6~~",class:"data-cell__value-wrapper",role:"definition","aria-labelledby":l?n:void 0,id:f},s?t("div",{class:"data-cell__input"},t("slot",{name:"content"})):this.value&&t("div",{class:"data-cell__value"},this.value))),e&&t("div",{key:"~~07b26cd6a1cb75dd47e7a00e6db49fd7c921497e~~",class:"data-cell__suffix"},t("slot",{key:"~~77b8abbfd5742cf0987c350e8f7464f76eabbf03~~",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);~~background-color:var(--s-surface-raised-50-default);~~border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--~~swirl~~-~~tag~~-~~background~~-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%;--swirl-form-control-label-background-color:var( --swirl-data-cell-input-background, var(--s-surface-default) )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}"}},[257,"swirl-data-cell",{intent:[1],label:[1],tooltip:[1],value:[1],vertical:[4]}]),u=f,b=function(){"undefined"!=typeof customElements&&["swirl-data-cell","swirl-icon-info","swirl-stack","swirl-tooltip"].forEach((a=>{switch(a){case"swirl-data-cell":customElements.get(s(a))\|\|customElements.define(s(a),f);break;case"swirl-icon-info":customElements.get(s(a))\|\|r();break;case"swirl-stack":customElements.get(s(a))\|\|d();break;case"swirl-tooltip":customElements.get(s(a))\|\|o()}}))};export{u as SwirlDataCell,b as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as a,createEvent as l,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c}from"./index2.js";import{d}from"./swirl-icon-info2.js";import{d as r}from"./swirl-stack2.js";import{d as o}from"./swirl-tooltip2.js";import{v as n}from"./v4.js";const f=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=l(this,"valueChange",7),this.intent="default",this.vertical=!1,this.elementId="data-cell-"+n(),this.handleRadioClick=e=>{const a=e.target,l=this.el.querySelector('swirl-radio[slot="content"]');if(a.contains(l)){const e=l?.querySelector('input[type="radio"]');e.click()}},this.handleClick=e=>{this.handleRadioClick(e),this.valueChange.emit(e)}}render(){const e=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="media"]')?.parentElement.tagName),a=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="suffix"]')?.parentElement.tagName),l=!!this.label,s=!("SWIRL-DATA-CELL"!==this.el.querySelector('[slot="content"]')?.parentElement.tagName),d=!!this.el.querySelector('swirl-checkbox[slot="content"]'),r=!!this.el.querySelector('swirl-radio[slot="content"]'),o=c("data-cell",{"data-cell--vertical":this.vertical,"data-cell--has-media":e,"data-cell--has-suffix":a,"data-cell--has-content":s,"data-cell--no-label":!l,"data-cell--interactive":d\|\|r,["data-cell--intent-"+this.intent]:this.intent}),n=this.elementId+"-label",f=this.elementId+"-value",u="SWIRL-DATA-CELL-STACK"===this.el.parentElement?.tagName,b=u?"listitem":"group",p=d\|\|r?"button":void 0,h=u&&!p?"group":p,v=t("swirl-stack",{key:"48f093525242c0bb603ec29d29ddc0ec145f56bd",orientation:"horizontal",align:"center",spacing:"4"},t("span",{key:"a1904fbf6eee9abb5d1b602331d787bc779bc810",class:"data-cell__label",id:n,role:"term"},this.label),this.tooltip&&t("swirl-tooltip",{key:"60b66fcb9970913a55e7b656f5626f05ff3f7f89",class:"data-cell__tooltip",content:this.tooltip,position:"right"},t("swirl-icon-info",{key:"e811e3c7797a2ff4648c84a5b4f57c30bd58ce5e",size:16,tabIndex:0})));return t(i,{key:"3a40f5d699ff449abd1ab76a9f7969d30f0a801d",role:b},t("div",{key:"4f2a98a9c7eedb8c4ec61e1258fda81569618dd8",class:o,part:"data-cell",onClick:d\|\|r?this.handleClick:void 0,role:h,tabIndex:d\|\|r?0:void 0},e&&t("div",{key:"d02b407100f375ec0bc4580569c4ec27fdbf5eca",class:"data-cell__media","aria-hidden":"true"},t("slot",{key:"1326338efeefbbcbe484f645dbc6e32c0da1585e",name:"media"})),t("div",{key:"119f58fe18cfc46203c6f579b988d91dd61b288a",class:"data-cell__content"},l&&t("div",{key:"ca9ed0e4c3d4d4b713e61d60d378902815b7dc92",class:"data-cell__label-wrapper"},v),(s\|\|this.value\|\|a)&&t("div",{key:"c55d22eed287cbdb24c14cb62e112a418f56eff6",class:"data-cell__value-wrapper",role:"definition","aria-labelledby":l?n:void 0,id:f},s?t("div",{class:"data-cell__input"},t("slot",{name:"content"})):this.value&&t("div",{class:"data-cell__value"},this.value))),a&&t("div",{key:"6f60098d9203ea359ee6d51a644fb697d22bc578",class:"data-cell__suffix"},t("slot",{key:"b3f5d2f2e9ed76eb4f42ba383ff2d84fddb09e65",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--s-surface-raised-50-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--intent-subdued{background-color:var(--s-surface-raised-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%;--swirl-form-control-label-background-color:var( --swirl-data-cell-input-background, var(--s-surface-default) )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}"}},[257,"swirl-data-cell",{intent:[1],label:[1],tooltip:[1],value:[1],vertical:[4]}]),u=f,b=function(){"undefined"!=typeof customElements&&["swirl-data-cell","swirl-icon-info","swirl-stack","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-data-cell":customElements.get(s(e))\|\|customElements.define(s(e),f);break;case"swirl-icon-info":customElements.get(s(e))\|\|d();break;case"swirl-stack":customElements.get(s(e))\|\|r();break;case"swirl-tooltip":customElements.get(s(e))\|\|o()}}))};export{u as SwirlDataCell,b as defineCustomElement}

package/dist/components/swirl-date-input.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{f as o,I as d,p as c,i as h}from"./index3.js";import{D as l}from"./media-query.service.js";import{i as p}from"./utils.js";import{d as u}from"./swirl-date-picker2.js";import{d as m}from"./swirl-icon-today2.js";import{d as f}from"./swirl-popover2.js";import{d as w}from"./swirl-popover-trigger2.js";import{d as b}from"./wc-datepicker2.js";const y="yyyy-MM-dd",k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.invalidInput=e(this,"invalidInput",7),this.valueChange=e(this,"valueChange",7),this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.iconSize=24,this.isInPickOnlyMode=!1,this.mediaQueryUnsubscribe=()=>{},this.onClick=t=>{t.preventDefault(),this.readonly\|\|"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),p()\|\|this.focus())},this.onMouseDown=()=>{this.readonly\|\|"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{if(this.readonly)return;const i=this.pickerPopover.contains(t.relatedTarget);this.setIsInPickOnlyMode(!i)},this.onPickDate=t=>{const i=t.detail,e=o(i,y);this.value=e,this.inputEl.value=o(i,this.pattern),this.mask.updateValue(),this.setIsInPickOnlyMode(!0),this.pickerPopover.close()}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id="swirl-date-input-"+t,this.setIsInPickOnlyMode(!0)}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.updateValue()}async openPicker(){this.pickerPopover.open(this.el)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setIsInPickOnlyMode(t){this.isInPickOnlyMode=!("pick"!==this.preferredInputMode\|\|!p())&&t}setupMask(){this.mask?.destroy(),this.pattern=this.format.replace(/(?<!d)d(?!d)/g,"dd").replace(/(?<!M)M(?!M)/g,"MM").replace(/(?<!y)y(?!y)/g,"yyyy").replace(/(?<!y)yyy(?!y)/g,"yyyy"),this.pattern\|\|(this.pattern=y),this.mask=d(this.inputEl,{mask:Date,pattern:this.pattern.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",blocks:{dd:{mask:d.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:d.MaskedRange,from:1,to:12,maxLength:2},yy:{mask:d.MaskedRange,from:0,to:99,maxLength:2},yyyy:{mask:d.MaskedRange,from:1e3,to:9999,maxLength:4}},format:t=>{const i=o(t,this.pattern);return h(t)?(this.value=o(t,y),i):(this.invalidInput.emit(""+t),"")},parse:t=>c(t,this.pattern,new Date)}),this.mask.on("accept",(()=>{""===this.mask.value&&(this.value="",this.valueChange.emit(""))})),this.updateValue()}updateValue(){if(this.value){const t=c(this.value,y,new Date);if(h(t)){const i=o(t,this.pattern);this.mask.value=i,this.valueChange.emit(this.value)}else this.invalidInput.emit(this.value)}else this.mask.value=""}render(){const t=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,i=this.value?c(this.value,y,new Date):void 0,e=h(i)?i:void 0,r=n("date-input",{"date-input--inline":this.inline});return s(a,{key:"~~837329ab8c80cad44421fc19a79124c684846e8f~~"},s("div",{key:"~~7116bfaf64a4b4da2eebe5851a881bae29581174~~",class:r},s("input",{key:"~~3abfdb8840ce728d0f75e550482aeddeaa854f44~~","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.isInPickOnlyMode\|\|this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text"}),!this.readonly&&s("swirl-popover-trigger",{key:"~~a6d3c22092affdc5370fd93009a70907d1bd651e~~",swirlPopover:"popover-"+this.id},s("button",{key:"~~42325d18293a1ffcae71385d5d190c9d8419e527~~","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"~~6eb5d29bd5bc825cd30ddaf21df1bac22fae09dc~~",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"~~293941dc84a9a953e8a8760262380c9a9b567ece~~",animation:"scale-in-y",class:"date-input__date-picker-popover",id:"popover-"+this.id,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{key:"~~c45bd7a0309af4c8e8080655c1dd3f855c9751ed~~",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:e,startDate:e})))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h .sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}"}},[2,"swirl-date-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],datePickerDisableDate:[16],datePickerLabel:[1,"date-picker-label"],datePickerTriggerLabel:[1,"date-picker-trigger-label"],disabled:[4],firstDayOfWeek:[2,"first-day-of-week"],format:[1],inline:[4],invalid:[4],labels:[16],locale:[1],placeholder:[1],preferredInputMode:[1,"preferred-input-mode"],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32],isInPickOnlyMode:[32],openPicker:[64]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),v=k,g=function(){"undefined"!=typeof customElements&&["swirl-date-input","swirl-date-picker","swirl-icon-today","swirl-popover","swirl-popover-trigger","wc-datepicker"].forEach((t=>{switch(t){case"swirl-date-input":customElements.get(r(t))\|\|customElements.define(r(t),k);break;case"swirl-date-picker":customElements.get(r(t))\|\|u();break;case"swirl-icon-today":customElements.get(r(t))\|\|m();break;case"swirl-popover":customElements.get(r(t))\|\|f();break;case"swirl-popover-trigger":customElements.get(r(t))\|\|w();break;case"wc-datepicker":customElements.get(r(t))\|\|b()}}))};export{v as SwirlDateInput,g as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{f as o,I as d,p as c,i as h}from"./index3.js";import{D as l}from"./media-query.service.js";import{i as p}from"./utils.js";import{d as u}from"./swirl-date-picker2.js";import{d as m}from"./swirl-icon-today2.js";import{d as f}from"./swirl-popover2.js";import{d as b}from"./swirl-popover-trigger2.js";import{d as w}from"./wc-datepicker2.js";const y="yyyy-MM-dd",k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.invalidInput=e(this,"invalidInput",7),this.valueChange=e(this,"valueChange",7),this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.iconSize=24,this.isInPickOnlyMode=!1,this.mediaQueryUnsubscribe=()=>{},this.onClick=t=>{t.preventDefault(),this.readonly\|\|"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),p()\|\|this.focus())},this.onMouseDown=()=>{this.readonly\|\|"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{if(this.readonly)return;const i=this.pickerPopover.contains(t.relatedTarget);this.setIsInPickOnlyMode(!i)},this.onPickDate=t=>{const i=t.detail,e=o(i,y);this.value=e,this.inputEl.value=o(i,this.pattern),this.mask.updateValue(),this.setIsInPickOnlyMode(!0),this.pickerPopover.close()}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id="swirl-date-input-"+t,this.setIsInPickOnlyMode(!0)}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.updateValue()}async openPicker(){this.pickerPopover.open(this.el)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setIsInPickOnlyMode(t){this.isInPickOnlyMode=!("pick"!==this.preferredInputMode\|\|!p())&&t}setupMask(){this.mask?.destroy(),this.pattern=this.format.replace(/(?<!d)d(?!d)/g,"dd").replace(/(?<!M)M(?!M)/g,"MM").replace(/(?<!y)y(?!y)/g,"yyyy").replace(/(?<!y)yyy(?!y)/g,"yyyy"),this.pattern\|\|(this.pattern=y),this.mask=d(this.inputEl,{mask:Date,pattern:this.pattern.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",blocks:{dd:{mask:d.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:d.MaskedRange,from:1,to:12,maxLength:2},yy:{mask:d.MaskedRange,from:0,to:99,maxLength:2},yyyy:{mask:d.MaskedRange,from:1e3,to:9999,maxLength:4}},format:t=>{const i=o(t,this.pattern);return h(t)?(this.value=o(t,y),i):(this.invalidInput.emit(""+t),"")},parse:t=>c(t,this.pattern,new Date)}),this.mask.on("accept",(()=>{""===this.mask.value&&(this.value="",this.valueChange.emit(""))})),this.updateValue()}updateValue(){if(this.value){const t=c(this.value,y,new Date);if(h(t)){const i=o(t,this.pattern);this.mask.value=i,this.valueChange.emit(this.value)}else this.invalidInput.emit(this.value)}else this.mask.value=""}render(){const t=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,i=this.value?c(this.value,y,new Date):void 0,e=h(i)?i:void 0,r=n("date-input",{"date-input--inline":this.inline});return s(a,{key:"9268c3541330cab8173bddb4682b5b60a7737aa0"},s("div",{key:"c39cb00aa7d28353cdfd394aa3da5462b89318ef",class:r},s("input",{key:"a560447922c7f0b0e1fa9a700765d59bc5f20f6a","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.isInPickOnlyMode\|\|this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text"}),!this.readonly&&s("swirl-popover-trigger",{key:"ffad693a85647b0e843c56ef392c25203f5a5180",swirlPopover:"popover-"+this.id},s("button",{key:"6773dbc41845564906d8e55aa3b0349f0ecd0bcf","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"d08c1d0836688314cb710fc95621ad4860838326",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"fb4ea5d008b3179da9fe07351ca7b3f6b76ab544",animation:"scale-in-y",class:"date-input__date-picker-popover",id:"popover-"+this.id,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{key:"7c7d87288342a8a6a55589644f333fbe34e2f464",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:e,startDate:e})))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h .sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}"}},[2,"swirl-date-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],datePickerDisableDate:[16],datePickerLabel:[1,"date-picker-label"],datePickerTriggerLabel:[1,"date-picker-trigger-label"],disabled:[4],firstDayOfWeek:[2,"first-day-of-week"],format:[1],inline:[4],invalid:[4],labels:[16],locale:[1],placeholder:[1],preferredInputMode:[1,"preferred-input-mode"],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32],isInPickOnlyMode:[32],openPicker:[64]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),v=k,g=function(){"undefined"!=typeof customElements&&["swirl-date-input","swirl-date-picker","swirl-icon-today","swirl-popover","swirl-popover-trigger","wc-datepicker"].forEach((t=>{switch(t){case"swirl-date-input":customElements.get(r(t))\|\|customElements.define(r(t),k);break;case"swirl-date-picker":customElements.get(r(t))\|\|u();break;case"swirl-icon-today":customElements.get(r(t))\|\|m();break;case"swirl-popover":customElements.get(r(t))\|\|f();break;case"swirl-popover-trigger":customElements.get(r(t))\|\|b();break;case"wc-datepicker":customElements.get(r(t))\|\|w()}}))};export{v as SwirlDateInput,g as defineCustomElement}

package/dist/components/swirl-date-picker2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{r as n,g as s}from"./utils.js";import{c}from"./index2.js";import{d}from"./wc-datepicker2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",3),this.disableDate=()=>!1,this.firstDayOfWeek=0,this.fixedAspectRatio=!0,this.fixedMaxWidth=!0,this.locale="en-US",this.onClick=e=>{e.stopPropagation(),e.preventDefault()},this.onSelectDate=e=>{this.valueChange.emit("string"==typeof e.detail?n(new Date(e.detail)):e.detail.map((e=>n(new Date(e)))))}}componentWillLoad(){if(!this.firstDayOfWeek){const e=new Intl.Locale(this.locale);this.firstDayOfWeek="getWeekInfo"in e?e.getWeekInfo().firstDay:e.weekInfo?.firstDay??0}}render(){const e=this.startDate instanceof Date?s(this.startDate):void 0,t=c({"date-picker--fixed-max-width":this.fixedMaxWidth,"date-picker--fixed-aspect-ratio":this.fixedAspectRatio});return r(i,{key:"74295e59ccb106ea49afe81c3f3e1a0edcaed1ad",onClick:this.onClick},r("wc-datepicker",{key:"dfa153a41ee7be0c3cbd93e418ea8acc37728fc4",class:t,elementClassName:"date-picker",disableDate:this.disableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onSelectDate:this.onSelectDate,range:this.range,startDate:e,value:this.value}))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:transparent;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker--fixed-max-width .date-picker{max-width:17.5rem}}.date-picker__header{display:flex;margin-bottom:var(--s-space-8);align-items:center}.date-picker__current-month{display:flex;padding:var(--s-space-8);flex-grow:1;align-items:center;order:1;gap:var(--s-space-4)}.date-picker__next-month-button,.date-picker__previous-month-button{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;margin:0;padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-highlight);background-color:transparent;cursor:pointer}.date-picker__next-month-button:after,.date-picker__previous-month-button:after{position:absolute;background-color:currentColor;content:\"\";inset:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.date-picker__next-month-button:hover,.date-picker__previous-month-button:hover{background-color:var(--s-state-hovered)}.date-picker__next-month-button:active,.date-picker__previous-month-button:active{background-color:var(--s-state-pressed)}.date-picker__next-month-button:focus:not(:focus-visible),.date-picker__previous-month-button:focus:not(:focus-visible){outline:none}.date-picker__next-month-button:focus-visible,.date-picker__previous-month-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__next-month-button>svg,.date-picker__previous-month-button>svg{display:none}.date-picker__next-month-button{order:3}.date-picker__next-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__previous-month-button{order:2}.date-picker__previous-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__month-select,.date-picker__year-select{margin:0;padding:0;border:none;background-color:transparent;font:inherit;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer}.date-picker__month-select:focus:not(:focus-visible),.date-picker__year-select:focus:not(:focus-visible){outline:none}.date-picker__month-select:focus-visible,.date-picker__year-select:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-picker__month-select,.date-picker__year-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-picker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker__year-select{max-width:4rem}.date-picker__calendar{display:block;width:100%}.date-picker__calendar tbody{display:block}.date-picker__calendar-header{display:block}.date-picker__weekday-row,.date-picker__calendar-row{display:flex}.date-picker__weekday-row{margin-bottom:var(--s-space-8)}.date-picker__weekday{display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);font-weight:var(--s-font-weight-regular)}.date-picker--fixed-aspect-ratio .date-picker__weekday{aspect-ratio:1}.date-picker__date{position:relative;z-index:1;display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer}.date-picker__date:before{position:absolute;z-index:-1;border-radius:50%;background-color:transparent;content:\"\";inset:0;aspect-ratio:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.date-picker__date:hover:before{background-color:var(--s-state-hovered)}.date-picker--fixed-aspect-ratio .date-picker__date{aspect-ratio:1}.date-picker__date--current:before{background-color:var(--s-state-hovered)}.date-picker__date--current:focus:not(:focus-visible){outline:none}.date-picker__date--current:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__date--overflowing{color:var(--s-text-subdued)}.date-picker__date--selected{color:var(--s-text-on-action-primary)}.date-picker__date--selected:before{background-color:var(--s-action-primary-default)}.date-picker__date--selected:hover{color:var(--s-text-on-action-primary)}.date-picker__date--selected:hover:before{background-color:var(--s-action-primary-hovered)}.date-picker__date--selected>strong{font-weight:var(--s-font-weight-medium)}.date-picker__date--in-range:not(.date-picker__date--selected):after{position:absolute;border-radius:0px;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0px}.date-picker__date--start:not(.date-picker__date--end){color:var(--s-text-on-action-primary)}.date-picker__date--start:not(.date-picker__date--end):before{background-color:var(--s-action-primary-default)}.date-picker__date--start:not(.date-picker__date--end):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0 0.0625rem 50%}.date-picker__date--end:not(.date-picker__date--start){color:var(--s-text-on-action-primary)}.date-picker__date--end:not(.date-picker__date--start):before{background-color:var(--s-action-primary-default)}.date-picker__date--end:not(.date-picker__date--start):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 50% 0.0625rem 0}.date-picker__date--today:before{box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.date-picker__date--today>em{font-style:normal}.date-picker__date--disabled{color:var(--s-text-disabled);cursor:default;pointer-events:none}.date-picker__date--disabled:before{background-color:transparent}.date-picker__date--disabled:hover{color:var(--s-text-disabled)}.date-picker__date--disabled:hover:before{background-color:transparent}"}},[1,"swirl-date-picker",{disableDate:[16],firstDayOfWeek:[1026,"first-day-of-week"],fixedAspectRatio:[4,"fixed-aspect-ratio"],fixedMaxWidth:[4,"fixed-max-width"],labels:[16],locale:[1],range:[4],startDate:[16],value:[1040]}]);function p(){"undefined"!=typeof customElements&&["swirl-date-picker","wc-datepicker"].forEach((e=>{switch(e){case"swirl-date-picker":customElements.get(o(e))\|\|customElements.define(o(e),l);break;case"wc-datepicker":customElements.get(o(e))\|\|d()}}))}export{l as S,p as d}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{r as n,g as s}from"./utils.js";import{c}from"./index2.js";import{d}from"./wc-datepicker2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",3),this.disableDate=()=>!1,this.firstDayOfWeek=0,this.fixedAspectRatio=!0,this.fixedMaxWidth=!0,this.locale="en-US",this.onClick=e=>{e.stopPropagation(),e.preventDefault()},this.onSelectDate=e=>{this.valueChange.emit("string"==typeof e.detail?n(new Date(e.detail)):e.detail.map((e=>n(new Date(e)))))}}componentWillLoad(){if(!this.firstDayOfWeek){const e=new Intl.Locale(this.locale);this.firstDayOfWeek="getWeekInfo"in e?e.getWeekInfo().firstDay:e.weekInfo?.firstDay??0}}render(){const e=this.startDate instanceof Date?s(this.startDate):void 0,t=c({"date-picker--fixed-max-width":this.fixedMaxWidth,"date-picker--fixed-aspect-ratio":this.fixedAspectRatio});return r(i,{key:"0675273330fed8ab424a7ed75606231435faa554",onClick:this.onClick},r("wc-datepicker",{key:"e35b36ddc410d005a5a45f3c38a5417c25439776",class:t,elementClassName:"date-picker",disableDate:this.disableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onSelectDate:this.onSelectDate,range:this.range,startDate:e,value:this.value}))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:transparent;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker--fixed-max-width .date-picker{max-width:17.5rem}}.date-picker__header{display:flex;margin-bottom:var(--s-space-8);align-items:center}.date-picker__current-month{display:flex;padding:var(--s-space-8);flex-grow:1;align-items:center;order:1;gap:var(--s-space-4)}.date-picker__next-month-button,.date-picker__previous-month-button{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;margin:0;padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-highlight);background-color:transparent;cursor:pointer}.date-picker__next-month-button:after,.date-picker__previous-month-button:after{position:absolute;background-color:currentColor;content:\"\";inset:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.date-picker__next-month-button:hover,.date-picker__previous-month-button:hover{background-color:var(--s-state-hovered)}.date-picker__next-month-button:active,.date-picker__previous-month-button:active{background-color:var(--s-state-pressed)}.date-picker__next-month-button:focus:not(:focus-visible),.date-picker__previous-month-button:focus:not(:focus-visible){outline:none}.date-picker__next-month-button:focus-visible,.date-picker__previous-month-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__next-month-button>svg,.date-picker__previous-month-button>svg{display:none}.date-picker__next-month-button{order:3}.date-picker__next-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__previous-month-button{order:2}.date-picker__previous-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__month-select,.date-picker__year-select{margin:0;padding:0;border:none;background-color:transparent;font:inherit;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer}.date-picker__month-select:focus:not(:focus-visible),.date-picker__year-select:focus:not(:focus-visible){outline:none}.date-picker__month-select:focus-visible,.date-picker__year-select:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-picker__month-select,.date-picker__year-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-picker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker__year-select{max-width:4rem}.date-picker__calendar{display:block;width:100%}.date-picker__calendar tbody{display:block}.date-picker__calendar-header{display:block}.date-picker__weekday-row,.date-picker__calendar-row{display:flex}.date-picker__weekday-row{margin-bottom:var(--s-space-8)}.date-picker__weekday{display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);font-weight:var(--s-font-weight-regular)}.date-picker--fixed-aspect-ratio .date-picker__weekday{aspect-ratio:1}.date-picker__date{position:relative;z-index:1;display:inline-flex;min-width:2.25rem;min-height:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer}.date-picker__date:before{position:absolute;z-index:-1;border-radius:50%;background-color:transparent;content:\"\";inset:0;aspect-ratio:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.date-picker__date:hover:before{background-color:var(--s-state-hovered)}.date-picker--fixed-aspect-ratio .date-picker__date{aspect-ratio:1}.date-picker__date--current:before{background-color:var(--s-state-hovered)}.date-picker__date--current:focus:not(:focus-visible){outline:none}.date-picker__date--current:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__date--overflowing{color:var(--s-text-subdued)}.date-picker__date--selected{color:var(--s-text-on-action-primary)}.date-picker__date--selected:before{background-color:var(--s-action-primary-default)}.date-picker__date--selected:hover{color:var(--s-text-on-action-primary)}.date-picker__date--selected:hover:before{background-color:var(--s-action-primary-hovered)}.date-picker__date--selected>strong{font-weight:var(--s-font-weight-medium)}.date-picker__date--in-range:not(.date-picker__date--selected):after{position:absolute;border-radius:0px;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0px}.date-picker__date--start:not(.date-picker__date--end){color:var(--s-text-on-action-primary)}.date-picker__date--start:not(.date-picker__date--end):before{background-color:var(--s-action-primary-default)}.date-picker__date--start:not(.date-picker__date--end):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0 0.0625rem 50%}.date-picker__date--end:not(.date-picker__date--start){color:var(--s-text-on-action-primary)}.date-picker__date--end:not(.date-picker__date--start):before{background-color:var(--s-action-primary-default)}.date-picker__date--end:not(.date-picker__date--start):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 50% 0.0625rem 0}.date-picker__date--today:before{box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.date-picker__date--today>em{font-style:normal}.date-picker__date--disabled{color:var(--s-text-disabled);cursor:default;pointer-events:none}.date-picker__date--disabled:before{background-color:transparent}.date-picker__date--disabled:hover{color:var(--s-text-disabled)}.date-picker__date--disabled:hover:before{background-color:transparent}"}},[1,"swirl-date-picker",{disableDate:[16],firstDayOfWeek:[1026,"first-day-of-week"],fixedAspectRatio:[4,"fixed-aspect-ratio"],fixedMaxWidth:[4,"fixed-max-width"],labels:[16],locale:[1],range:[4],startDate:[16],value:[1040]}]);function p(){"undefined"!=typeof customElements&&["swirl-date-picker","wc-datepicker"].forEach((e=>{switch(e){case"swirl-date-picker":customElements.get(o(e))\|\|customElements.define(o(e),l);break;case"wc-datepicker":customElements.get(o(e))\|\|d()}}))}export{l as S,p as d}

package/dist/components/swirl-description-list-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as t,h as e,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{d}from"./swirl-icon-info2.js";import{d as n}from"./swirl-tooltip2.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bordered=!0}render(){const i=!!this.el.querySelector('[slot="tools"]'),t=!!this.el.querySelector('[slot="additional-content"]'),o=a("description-list-item",{"description-list-item--bordered":this.bordered,"description-list-item--has-additional-content":t,"description-list-item--has-tools":i});return e(s,{key:"~~691e405b49aca541fb4bed135777bff0e01c1518~~",role:"listitem"},e("div",{key:"~~1893cfeb94d8566421118771ffe453e831fe79d5~~",class:o,part:"description-list-item",role:"group"},e("div",{key:"~~175f355480d698cc436c30c22d9df17cd6b4b6f5~~",class:"description-list-item__inner"},e("div",{key:"~~f5cd0f453ca42eeb4c151553c2046a21ae1c52b1~~",class:"description-list-item__text-container"},e("div",{key:"~~7025a2c437978b9ec20b545db1e861176d57462d~~",class:"description-list-item__term",part:"description-list-item__term",role:"term"},this.term,this.tooltip&&e("span",{key:"~~49ecee8329cd7b67be4cf971cc11a74086722d7e~~",class:"description-list-item__tooltip"},e("swirl-tooltip",{key:"~~970c4ebea40b819e00b05c2a9da584eb3f79f59d~~",content:this.tooltip,position:"right"},e("swirl-icon-info",{key:"~~9f20afcc571460d291d41bcaf1bf6a78ab0f664a~~",size:16,tabIndex:0})))),e("div",{key:"~~8031eb733dccc338f06601fde1a0568f9caff4c6~~",style:{maxWidth:this.maxWidth},class:"description-list-item__description",role:"definition"},e("slot",{key:"~~8e76b7e5fce6eae82471cd101bfa745936840d1c~~"}))),e("div",{key:"~~276eac570cb0d30a143577842cfe2d96a74ae43b~~",class:"description-list-item__tools"},e("slot",{key:"~~b26b1404ca1dd00b84fed093feaf55181af3f99a~~",name:"tools"}))),e("div",{key:"~~7f09f5fc316fe662ac7e1582176912a5b214cf6d~~",class:"description-list-item__additional-content"},e("slot",{key:"~~9ec670b8676de6c0e65a7fafaa0075aee20251d5~~",name:"additional-content"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.description-list-item__inner{display:flex;max-width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:flex-start;color:var(--s-text-default);line-height:var(--s-line-height-base);justify-content:space-between;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__inner{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.description-list-item--bordered{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list-item:not(.description-list-item--has-tools) .description-list-item__tools{display:none}.description-list-item:not(.description-list-item--has-additional-content) .description-list-item__additional-content{display:none}.description-list-item__text-container{flex-grow:1}.description-list-item__term{display:block;margin-bottom:var(--s-space-4);font-weight:var(--s-font-weight-semibold);overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__term{margin-bottom:var(--s-space-2)}}.description-list-item__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.description-list-item__description{display:block;max-width:40rem;margin:0;overflow-wrap:break-word}.description-list-item__tools{display:flex;min-height:2.625rem;flex-shrink:0;align-items:center}.description-list-item__additional-content{padding-bottom:var(--s-space-8);flex-basis:100%;flex-shrink:0}"}},[257,"swirl-description-list-item",{bordered:[4],maxWidth:[1,"max-width"],term:[1],tooltip:[1]}]),c=r,l=function(){"undefined"!=typeof customElements&&["swirl-description-list-item","swirl-icon-info","swirl-tooltip"].forEach((i=>{switch(i){case"swirl-description-list-item":customElements.get(o(i))\|\|customElements.define(o(i),r);break;case"swirl-icon-info":customElements.get(o(i))\|\|d();break;case"swirl-tooltip":customElements.get(o(i))\|\|n()}}))};export{c as SwirlDescriptionListItem,l as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as t,h as e,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{d}from"./swirl-icon-info2.js";import{d as n}from"./swirl-tooltip2.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bordered=!0}render(){const i=!!this.el.querySelector('[slot="tools"]'),t=!!this.el.querySelector('[slot="additional-content"]'),o=a("description-list-item",{"description-list-item--bordered":this.bordered,"description-list-item--has-additional-content":t,"description-list-item--has-tools":i});return e(s,{key:"be5bcbb5d859630b58dfd1d2c4eaadda879c3ab3",role:"listitem"},e("div",{key:"ac3c62e303afe2646b08092a1f4b12350ac87598",class:o,part:"description-list-item",role:"group"},e("div",{key:"1fab3bd58b970874afe5b874172b4de67a543488",class:"description-list-item__inner"},e("div",{key:"c7913d4d76891e19d48149877f736930caef9e41",class:"description-list-item__text-container"},e("div",{key:"6cb05bb0927295ea082357365db6e89a84bae403",class:"description-list-item__term",part:"description-list-item__term",role:"term"},this.term,this.tooltip&&e("span",{key:"c24a409ddb6f9cf10e36a7d79051e4e64f320436",class:"description-list-item__tooltip"},e("swirl-tooltip",{key:"4962bf094d9f5f3a93616da46091b4d22374f3fe",content:this.tooltip,position:"right"},e("swirl-icon-info",{key:"10baaa739bf625d5c91e362f86233e41ca209341",size:16,tabIndex:0})))),e("div",{key:"b73e4053d05ddf6666114a286dd6e8f1bc9558cb",style:{maxWidth:this.maxWidth},class:"description-list-item__description",role:"definition"},e("slot",{key:"a11d3e71b26d34cd25fd19fe9e55c61526ea0d17"}))),e("div",{key:"6944341d4241176c7e32b705d3a92124aabe457e",class:"description-list-item__tools"},e("slot",{key:"c6390087ab7a44a2bb6b30bf5873f036cf764564",name:"tools"}))),e("div",{key:"feff56b0f35f85a194285f366d5da7791aa2e921",class:"description-list-item__additional-content"},e("slot",{key:"b6564d43acfc4782879c18fa95605dfdc48f5a13",name:"additional-content"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.description-list-item__inner{display:flex;max-width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:flex-start;color:var(--s-text-default);line-height:var(--s-line-height-base);justify-content:space-between;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__inner{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.description-list-item--bordered{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list-item:not(.description-list-item--has-tools) .description-list-item__tools{display:none}.description-list-item:not(.description-list-item--has-additional-content) .description-list-item__additional-content{display:none}.description-list-item__text-container{flex-grow:1}.description-list-item__term{display:block;margin-bottom:var(--s-space-4);font-weight:var(--s-font-weight-semibold);overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__term{margin-bottom:var(--s-space-2)}}.description-list-item__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.description-list-item__description{display:block;max-width:40rem;margin:0;overflow-wrap:break-word}.description-list-item__tools{display:flex;min-height:2.625rem;flex-shrink:0;align-items:center}.description-list-item__additional-content{padding-bottom:var(--s-space-8);flex-basis:100%;flex-shrink:0}"}},[257,"swirl-description-list-item",{bordered:[4],maxWidth:[1,"max-width"],term:[1],tooltip:[1]}]),l=r,c=function(){"undefined"!=typeof customElements&&["swirl-description-list-item","swirl-icon-info","swirl-tooltip"].forEach((i=>{switch(i){case"swirl-description-list-item":customElements.get(o(i))\|\|customElements.define(o(i),r);break;case"swirl-icon-info":customElements.get(o(i))\|\|d();break;case"swirl-tooltip":customElements.get(o(i))\|\|n()}}))};export{l as SwirlDescriptionListItem,c as defineCustomElement}

package/dist/components/swirl-description-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as n}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(s,{key:"~~d99e56b1624faf547f56afd1614693b3f888f359~~"},i("div",{key:"~~852524eec75bc67498995dd8d609ce976fbb30ff~~",class:"description-list",role:"list"},i("slot",{key:"~~ccb5d7aed0a3f7681e20a9a2e2d1cfb2ec8ce7ff~~"})))}static get style(){return":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}"}},[257,"swirl-description-list"]),o=c,r=function(){"undefined"!=typeof customElements&&["swirl-description-list"].forEach((e=>{"swirl-description-list"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),c))}))};export{o as SwirlDescriptionList,r as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as c}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(s,{key:"869980c3e724bcb6171c83d5b1779feb210f48bc"},i("div",{key:"3e055083bd26561f6946d893ff5caa36af4158cc",class:"description-list",role:"list"},i("slot",{key:"9e39c3b9d0268fe1ff90772c6dc098e95bccf400"})))}static get style(){return":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}"}},[257,"swirl-description-list"]),o=n,r=function(){"undefined"!=typeof customElements&&["swirl-description-list"].forEach((e=>{"swirl-description-list"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),n))}))};export{o as SwirlDescriptionList,r as defineCustomElement}

package/dist/components/swirl-emoji-clap.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"~~09d0e75ba81401110070a6235e73b69a10cc9722~~"},12===this.size&&i("img",{key:"~~7fd2166277cef666b5adaea710f5c9efe0230f70~~",alt:this.label,class:e,height:"12",src:"emojis/Clap12.png",width:"12"}),16===this.size&&i("img",{key:"~~7b622b06b4b92567627fe648023b4cba2240d648~~",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"~~c07c2b69710291f219d33b0ea95181024115bc87~~",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"~~2ea22e12c46ee678027850729d116f02d790e4c3~~",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"~~1b2696387fffdb96705851e984a3b3c5597614d1~~",alt:this.label,class:e,height:"32",src:"emojis/Clap32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-clap",{label:[1],size:[2]}]),h=l,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-clap"].forEach((e=>{"swirl-emoji-clap"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),l))}))};export{h as SwirlEmojiClap,n as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"6d050eb97da451af24dbc43bf268cad609547ffa"},12===this.size&&i("img",{key:"9f0c6493374f1f9893df7359bdb11a0aca6fc7fd",alt:this.label,class:e,height:"12",src:"emojis/Clap12.png",width:"12"}),16===this.size&&i("img",{key:"a8d5b3190ed99ed7322fb35effee3bec169c45cf",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"f7be059f8550590e080b72eeeb316bfee76130b1",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"a550fc330a38f8e84c531d4c003533411a6a565f",alt:this.label,class:e,height:"32",src:"emojis/Clap32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-clap",{label:[1],size:[2]}]),h=l,f=function(){"undefined"!=typeof customElements&&["swirl-emoji-clap"].forEach((e=>{"swirl-emoji-clap"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),l))}))};export{h as SwirlEmojiClap,f as defineCustomElement}

package/dist/components/swirl-emoji-happy.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c}from"./index2.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=c("emoji","emoji--size-"+this.size);return i(t,{key:"~~80090513ac9069a7fbe2b28da9748de47733097b~~"},12===this.size&&i("img",{key:"~~09c882e3e5062d45f689776164a5533d42b91b11~~",alt:this.label,class:e,height:"12",src:"emojis/Happy12.png",width:"12"}),16===this.size&&i("img",{key:"~~e208f59aefdc566e1f9dddbd9ace985e923ef8ce~~",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"~~6dea6b7480b27a84c3d1c62b76cb86358f95bd74~~",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"~~e59b270ef54416aeca97e23ba500316630afdd71~~",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"~~f543fd1d1610d4dbf430e7e78c0bd032182b9409~~",alt:this.label,class:e,height:"32",src:"emojis/Happy32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-happy",{label:[1],size:[2]}]),d=h,p=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),h))}))};export{d as SwirlEmojiHappy,p as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c}from"./index2.js";const h=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=c("emoji","emoji--size-"+this.size);return i(t,{key:"996a167769f650c08973d2de4d1f80c87c764a15"},12===this.size&&i("img",{key:"4fa5967558b3f47a56fbf1d9df1b657f43bf41b6",alt:this.label,class:s,height:"12",src:"emojis/Happy12.png",width:"12"}),16===this.size&&i("img",{key:"9e324596b89046f0c709216b9f748d1bbebfdae1",alt:this.label,class:s,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"35cdad5534b1ef9958830905a07538e8a79d2582",alt:this.label,class:s,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"754754261b9724cab2d4ebc4937a8bb84b9c94cd",alt:this.label,class:s,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"169a816ed000cd4ad088876a451d27b4c02a753e",alt:this.label,class:s,height:"32",src:"emojis/Happy32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-happy",{label:[1],size:[2]}]),d=h,p=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((s=>{"swirl-emoji-happy"===s&&(customElements.get(a(s))\|\|customElements.define(a(s),h))}))};export{d as SwirlEmojiHappy,p as defineCustomElement}

package/dist/components/swirl-emoji-idea.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,h as s,Fragment as t,transformTag as d}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return s(t,{key:"~~37c5f4cdd2bf38033322619bd81ff159f03a9944~~"},12===this.size&&s("img",{key:"~~391fb124dc1ce18fd7f7465be58317fff5afcfd9~~",alt:this.label,class:e,height:"12",src:"emojis/Idea12.png",width:"12"}),16===this.size&&s("img",{key:"~~91dedb3111d0e10fb06afe0f2ef6fb9358bc245d~~",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"~~95a760e723f4ddb629ca9ac42d24d81b41654f51~~",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"~~9d7943465e323ffe8ea17b7515067d734c456f97~~",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"~~6f4118f0d62e16df539e9afa0dddad14eb5398b8~~",alt:this.label,class:e,height:"32",src:"emojis/Idea32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-idea",{label:[1],size:[2]}]),f=c,h=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(d(e))\|\|customElements.define(d(e),c))}))};export{f as SwirlEmojiIdea,h as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,h as s,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=d("emoji","emoji--size-"+this.size);return s(t,{key:"e112ae65ff14995e44e70149315c38cd4026f25d"},12===this.size&&s("img",{key:"04d444bb850a4de76b7e83048d7805a99f174887",alt:this.label,class:e,height:"12",src:"emojis/Idea12.png",width:"12"}),16===this.size&&s("img",{key:"3cda05d448209a26f247d99ce83852ebe7a16b1e",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"cd7edf54dbb0091ea2ccf1ad8acb85e576ef3dc6",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"be7cc57d78c375d0cce5d53db3b6dc4941cfe6aa",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"1f03f6d5c548a65084fcc5f55c641bb803dd53b0",alt:this.label,class:e,height:"32",src:"emojis/Idea32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-idea",{label:[1],size:[2]}]),h=a,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),a))}))};export{h as SwirlEmojiIdea,l as defineCustomElement}

package/dist/components/swirl-emoji-love.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as o}from"./index2.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=o("emoji","emoji--size-"+this.size);return i(t,{key:"~~52fe8e0c6cc6291378b6b77caf35f7a068ea5f5c~~"},12===this.size&&i("img",{key:"~~5ad8653c81b8b5195fcd77e780fa9b703ec1df47~~",alt:this.label,class:e,height:"12",src:"emojis/Love12.png",width:"12"}),16===this.size&&i("img",{key:"~~4bd94a048ae59efe31e1b10faf77a600f70146b5~~",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"~~ee273c86b243232c3878e619382a5fde8f873825~~",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"~~b0572d8d96f43b2f8871bc6400a79a5cb4a03752~~",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"~~f004b5e056232f11c8466b0c5e22176fb8fa6adc~~",alt:this.label,class:e,height:"32",src:"emojis/Love32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-love",{label:[1],size:[2]}]),h=a,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),a))}))};export{h as SwirlEmojiLove,l as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as o}from"./index2.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=o("emoji","emoji--size-"+this.size);return i(t,{key:"1e40d34ae4ce88e9ed4d68f38f812266f4caa663"},12===this.size&&i("img",{key:"65bf3fd30437260f8323d8129ed0b85d1279fc91",alt:this.label,class:e,height:"12",src:"emojis/Love12.png",width:"12"}),16===this.size&&i("img",{key:"096c1c6c7230874177593a2cc736c68c58419255",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"87e86f4967c75fea89b7a6f0ed317ee638839e77",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"17ccf169090fdde4320217cab42c7df451bfabd5",alt:this.label,class:e,height:"32",src:"emojis/Love32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-love",{label:[1],size:[2]}]),l=h,d=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),h))}))};export{l as SwirlEmojiLove,d as defineCustomElement}

package/dist/components/swirl-emoji-sad.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as s,HTMLElement as e,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const a=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=d("emoji","emoji--size-"+this.size);return i(t,{key:"~~47d9ed2e330074aef803f9be2cbf77157cfc2b92~~"},12===this.size&&i("img",{key:"~~b097396c4977e40026cdf05d9b45770fd135d449~~",alt:this.label,class:s,height:"12",src:"emojis/Sad12.png",width:"12"}),16===this.size&&i("img",{key:"~~0871ba6f45134cff8675842727ca483082a6c546~~",alt:this.label,class:s,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"~~b3d040fb541c979b5fd27914a9153b30d0de540a~~",alt:this.label,class:s,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"~~f9ecdf021674237c940bc1de9152c41a206d19e4~~",alt:this.label,class:s,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"~~3617ed20bdab93f68541650bcf0a49df843275d8~~",alt:this.label,class:s,height:"32",src:"emojis/Sad32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-sad",{label:[1],size:[2]}]),h=a,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((s=>{"swirl-emoji-sad"===s&&(customElements.get(c(s))\|\|customElements.define(c(s),a))}))};export{h as SwirlEmojiSad,l as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=d("emoji","emoji--size-"+this.size);return i(t,{key:"d4184217dc660a5bde784f83a375d47df94a81c3"},12===this.size&&i("img",{key:"ba414213f99c7d3331c723fa8e3583020fe30309",alt:this.label,class:e,height:"12",src:"emojis/Sad12.png",width:"12"}),16===this.size&&i("img",{key:"ce71cbdf62157abe508d8a63b186859ee0ac1b2e",alt:this.label,class:e,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"4b47e8d58648f55d38b33d65b93b68ca9dabd64f",alt:this.label,class:e,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"5d71971fb48193edfad601a135b7ef46e3489ef4",alt:this.label,class:e,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"75529900ac36710012348c673dc7eaaa904b76f5",alt:this.label,class:e,height:"32",src:"emojis/Sad32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-sad",{label:[1],size:[2]}]),h=c,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((e=>{"swirl-emoji-sad"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),c))}))};export{h as SwirlEmojiSad,l as defineCustomElement}

package/dist/components/swirl-emoji-thumbs-up.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as c}from"@stencil/core/internal/client";import{c ~~as h~~}from"./index2.js";const m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=h("emoji","emoji--size-"+this.size);return t(i,{key:"~~3b06581cfa8cb93227b27a93c65dd0f24d4cb67e~~"},12===this.size&&t("img",{key:"~~03e7ce514ac91d627261812ff064da07e83886c2~~",alt:this.label,class:s,height:"12",src:"emojis/ThumbsUp12.png",width:"12"}),16===this.size&&t("img",{key:"~~cabdc8aab8630ab6e0516f9f44b99fabc3b149ac~~",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"~~f10866db18204bb7c552be5550f90a341b306961~~",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"~~43f8f0f137d7d7c667d343f05d0f85ec8055257f~~",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"~~0d0a9d735468f45270f69e43d9f96cce67ab4221~~",alt:this.label,class:s,height:"32",src:"emojis/ThumbsUp32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-thumbs-up",{label:[1],size:[2]}]),a=m,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(c(s))\|\|customElements.define(c(s),m))}))};export{a as SwirlEmojiThumbsUp,l as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as h}from"@stencil/core/internal/client";import{c}from"./index2.js";const m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=c("emoji","emoji--size-"+this.size);return t(i,{key:"4195f4d439a4ddd7ee5ca77b508a8ae7e3658964"},12===this.size&&t("img",{key:"670624b032d41d2dce0bd5c7d8da8ad6e577fcfd",alt:this.label,class:s,height:"12",src:"emojis/ThumbsUp12.png",width:"12"}),16===this.size&&t("img",{key:"6edbc6892400018203e1b996620d0b0a394120aa",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"0d18437327c772f504434cd6553905014b80a5ad",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"64b2b862126f6452fc46dd19f5824f3bfb5dc566",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"2c8ffbe22bbcff7a0aef3cb729975cbc809170b0",alt:this.label,class:s,height:"32",src:"emojis/ThumbsUp32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-thumbs-up",{label:[1],size:[2]}]),d=m,a=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(h(s))\|\|customElements.define(h(s),m))}))};export{d as SwirlEmojiThumbsUp,a as defineCustomElement}

package/dist/components/swirl-emoji.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){return s(i,{key:"~~d40950bf0f4871346965b3f3a7dfe63f26a32275~~"},s("swirl-emoji-"+this.name,{key:"~~af4106b9313f338496ce1069fd517460702feea0~~",label:this.label,size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji",{label:[1],name:[1],size:[2]}]),r=l,o=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),l))}))};export{r as SwirlEmoji,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){return s(i,{key:"785d1996969fb1d76ff1af92c9080abe7cf0499c"},s("swirl-emoji-"+this.name,{key:"e3fd1d576d501ce2588597438a067681d5b98c92",label:this.label,size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji",{label:[1],name:[1],size:[2]}]),r=l,c=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),l))}))};export{r as SwirlEmoji,c as defineCustomElement}

package/dist/components/swirl-empty-state.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as l}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as c}from"./swirl-heading2.js";import{d as o}from"./swirl-stack2.js";import{d as r}from"./swirl-text2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.headingLevel=4}render(){const t=!!this.el.querySelector('[slot="controls"]'),e=!!this.el.querySelector('[slot="illustration"]'),l=i("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":e});return s(a,{key:"~~853836f30b1bfb921232c7acf87735fbb5a6c3e0~~"},s("div",{key:"~~1d0f3dd2ff0bd8a0404fa7bfbbcd16381a4b29ca~~",class:l},this.illustration&&!e&&s("img",{key:"~~88e1a96eb9910d2ba127c19eccb29a5cfab48817~~",alt:"",class:"empty-state__illustration",src:this.illustration}),s("div",{key:"~~bdea01549602b808cca297851d51bda97b00f6ef~~",class:"empty-state__slotted-illustration"},s("slot",{key:"~~905d5f4db1f7049bd97604be3e8f5edf5e537b31~~",name:"illustration"})),s("div",{key:"~~486a5b4b2c0078f32910aa9e943e78a7b8549b8c~~",class:"empty-state__body"},s("swirl-stack",{key:"~~bb1367101e86b039c6d41216386e10419f788b4a~~",align:"stretch",spacing:"8"},this.heading&&s("swirl-heading",{key:"~~82750fa1611ba1e1f42941bf486a814ee841dab3~~",align:"center",as:"h"+this.headingLevel,level:4,text:this.heading}),s("div",{key:"~~2bc8645cbf8ce242bb70379cf7c2b98a36570bc3~~",class:"empty-state__content"},s("swirl-text",{key:"~~40b2322a160f8cae1f7cfd07d78f7b240abddb11~~",align:"center",color:"subdued"},s("slot",{key:"~~062f564846d5b2c249037852ba2fca01a6843c58~~"})))),s("div",{key:"~~a71ab053e9d303f865f0018a9a658706f411415b~~",class:"empty-state__controls"},s("slot",{key:"~~2a0c344c987f2e3a15ac380241878e1de91a868a~~",name:"controls"})))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}"}},[257,"swirl-empty-state",{heading:[1],headingLevel:[2,"heading-level"],illustration:[1]}]),d=n,b=function(){"undefined"!=typeof customElements&&["swirl-empty-state","swirl-heading","swirl-stack","swirl-text"].forEach((t=>{switch(t){case"swirl-empty-state":customElements.get(l(t))\|\|customElements.define(l(t),n);break;case"swirl-heading":customElements.get(l(t))\|\|c();break;case"swirl-stack":customElements.get(l(t))\|\|o();break;case"swirl-text":customElements.get(l(t))\|\|r()}}))};export{d as SwirlEmptyState,b as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as l}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as c}from"./swirl-heading2.js";import{d as o}from"./swirl-stack2.js";import{d as r}from"./swirl-text2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.headingLevel=4}render(){const t=!!this.el.querySelector('[slot="controls"]'),e=!!this.el.querySelector('[slot="illustration"]'),l=i("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":e});return s(a,{key:"841943cc480a16c75c2830c542b6ef62ee423c07"},s("div",{key:"81f768149f17c11aa641e7a49071a7ffe31a0bc0",class:l},this.illustration&&!e&&s("img",{key:"0324e53541f0966aeb64034879cb5515b2448c28",alt:"",class:"empty-state__illustration",src:this.illustration}),s("div",{key:"58c58522a2f2784a3bbf1a4ffbb4347d8216d5bc",class:"empty-state__slotted-illustration"},s("slot",{key:"dc24ab26831ac301d70b5384cb43cbf498b299a1",name:"illustration"})),s("div",{key:"5918dc42d88b63951d13f74f0393a4077f4ddf94",class:"empty-state__body"},s("swirl-stack",{key:"d4b5718b112ce4cbf01c6d1096acf81932afeb8a",align:"stretch",spacing:"8"},this.heading&&s("swirl-heading",{key:"895f0ec62397d85679a76b7df1474273b98fbc4b",align:"center",as:"h"+this.headingLevel,level:4,text:this.heading}),s("div",{key:"f76f4a4a5ab6a90e927d0c472851fff0aaf7af20",class:"empty-state__content"},s("swirl-text",{key:"355a41379a039d5fcc04f2411e3bac14eb2e7314",align:"center",color:"subdued"},s("slot",{key:"b2cf86d211189865026fce65ca005c396e08f1ab"})))),s("div",{key:"f6e72f6bae6aab0f63bec7ff55f88652f72b1677",class:"empty-state__controls"},s("slot",{key:"c278c150cdaa193fae147ec3354dee90b5144bb1",name:"controls"})))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}"}},[257,"swirl-empty-state",{heading:[1],headingLevel:[2,"heading-level"],illustration:[1]}]),d=n,m=function(){"undefined"!=typeof customElements&&["swirl-empty-state","swirl-heading","swirl-stack","swirl-text"].forEach((t=>{switch(t){case"swirl-empty-state":customElements.get(l(t))\|\|customElements.define(l(t),n);break;case"swirl-heading":customElements.get(l(t))\|\|c();break;case"swirl-stack":customElements.get(l(t))\|\|o();break;case"swirl-text":customElements.get(l(t))\|\|r()}}))};export{d as SwirlEmptyState,m as defineCustomElement}

package/dist/components/swirl-file-chip.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as e,createEvent as s,h as o,Host as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{F as r}from"./FileSaver.min.js";import{a as l,b as n,c as d,e as h,f as p,h as f}from"./utils.js";import{d as u}from"./swirl-button2.js";import{d as w}from"./swirl-icon-attachment2.js";import{d as b}from"./swirl-icon-audio-file2.js";import{d as m}from"./swirl-icon-error2.js";import{d as v}from"./swirl-icon-file2.js";import{d as _}from"./swirl-icon-folder2.js";import{d as g}from"./swirl-icon-image2.js";import{d as y}from"./swirl-icon-picture-as-pdf2.js";import{d as k}from"./swirl-icon-video-player2.js";import{d as x}from"./swirl-spinner2.js";import{d as j}from"./swirl-visually-hidden2.js";const E=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.delete=s(this,"delete",7),this.download=s(this,"download",7),this.preview=s(this,"preview",7),this.deleteButtonLabel="Delete",this.downloadButtonLabel="Download",this.errorLabel="Error",this.loadingLabel="Loading …",this.previewButtonLabel="Preview",this.fileType="unknown",this.isHovered=!1,this.fileIconMap={image:o("swirl-icon-image",{size:20}),video:o("swirl-icon-video-player",{size:20}),audio:o("swirl-icon-audio-file",{size:20}),pdf:o("swirl-icon-picture-as-pdf",{size:20}),compressed:o("swirl-icon-folder",{size:20}),document:o("swirl-icon-file",{size:20}),unknown:o("swirl-icon-attachment",{size:20})},this.handleClick=()=>{this.loading\|\|(this.showPreviewButton?this.handlePreviewClick():this.showDownloadButton&&this.handleDownloadClick())},this.handleDownloadClick=i=>{if(i?.stopPropagation(),this.download.emit(),this.skipNativeDownload)return;const e=this.name\|\|this.url.split("/").pop();fetch(this.url).then((i=>i.blob())).then((i=>{r.saveAs(i,e)}))},this.handlePreviewClick=i=>{i?.stopPropagation(),this.preview.emit()},this.handleDeleteClick=i=>{i?.stopPropagation(),this.delete.emit()}}componentWillLoad(){this.setFileType()}watchType(){this.setFileType()}getFileIcon(){return this.hasError?o("swirl-icon-error",{color:"critical",size:20}):this.loading?o("swirl-spinner",{size:"s",label:this.loadingLabel}):this.fileIconMap[this.fileType]}setFileType(){this.fileType=l(this.type)?"image":n(this.type)?"video":d(this.type)?"audio":h(this.type)?"pdf":p(this.type)?"compressed":f(this.type)?"document":"unknown"}render(){const i=this.showPreviewButton\|\|this.showDownloadButton\|\|this.showDeleteButton,e=a("file-chip","file-chip--type-"+this.fileType,{"file-chip--loading":this.loading,"file-chip--has-error":this.hasError,"file-chip--has-description":this.description\|\|this.loading\|\|this.hasError,"file-chip--has-download-action":this.showDownloadButton,"file-chip--has-preview-action":this.showPreviewButton,"file-chip--no-actions":!i,"file-chip--no-suffix":!(this.description\|\|this.showPreviewButton\|\|this.showDownloadButton\|\|this.showDeleteButton)});return o(t,{key:"93e05be20f2690e89acb473de91c999e9ded3db8"},o("span",{key:"1972b6e3da4dc591216dab6b1b75a42d315151d0","aria-label":this.name,class:e,onClick:this.handleClick,role:"group"},o("span",{key:"b51bc7c2d63e4bbecdc12a2bfd2e1ae064720d84",class:"file-chip__icon"},this.getFileIcon()),o("span",{key:"d1de1325fd7fb583732f2034b1437f0dae83a83d",class:"file-chip__info"},o("span",{key:"946f72fff9e235c0675e929c263a3f66589e4bb2",class:"file-chip__name",title:this.name},this.name),o("span",{key:"d13505c304050f58ec5d25ccd0ca0d6d61d84185",class:"file-chip__suffix"},(this.description\|\|this.loading\|\|this.hasError)&&o("span",{key:"9756de3b45ab526addb215d7bb6b904f110cddc6",class:"file-chip__description",role:this.hasError?"status":void 0},this.hasError?this.errorLabel:this.loading?this.loadingLabel:this.description),i&&!this.loading&&o("span",{key:"65121a4eeef8e76f7ce39ac66393a2229c27f3fe",class:"file-chip__actions"},this.showPreviewButton&&o("swirl-button",{key:"d373ba6284fa1b309af83bf65c5ae54cdceaaecd",hideLabel:!0,icon:"<swirl-icon-preview></swirl-icon-preview>",label:this.previewButtonLabel,onClick:this.handlePreviewClick,part:"file-chip__preview",variant:"plain"}),this.showDownloadButton&&o("swirl-button",{key:"2d7ade06469bf06e52cd5a42a60c944d3c24c7fc",hideLabel:!0,icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.handleDownloadClick,part:"file-chip__download",variant:"plain"}),this.showDeleteButton&&o("swirl-button",{key:"6d469aed36305753a5f74e7330f41e84a44c1ed4",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.deleteButtonLabel,onClick:this.handleDeleteClick,part:"file-chip__delete",variant:"plain"}))))))}static get watchers(){return{type:[{watchType:0}]}}static get style(){return":host{display:inline-block;max-width:100%;overflow:hidden;background-color:var(--s-background-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px}.file-chip{display:flex;position:relative;align-items:center;max-width:100%;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background-color:transparent;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);gap:var(--s-space-12)}@media (hover: hover){.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-preview-action,.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-download-action,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-preview-action,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-download-action{background-color:var(--s-state-hovered);cursor:pointer}.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__description,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__description{opacity:0;pointer-events:none}.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__actions,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__actions{opacity:1;pointer-events:auto}}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-4);background-color:var(--s-decorative-blueberry-surface-subdued);border-radius:50%;color:var(--s-decorative-blueberry-text)}.file-chip__info{display:flex;align-items:center;gap:var(--s-space-12);flex-grow:1;min-width:0}.file-chip__name{color:var(--s-text-default);font-weight:var(--s-font-weight-semibold)}.file-chip__suffix{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--s-space-12);flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@media (hover: hover){.file-chip__suffix{display:inline-grid;justify-items:end;gap:0}}.file-chip__suffix swirl-button{display:inline-flex}@media (hover: hover){.file-chip__description,.file-chip__actions{grid-area:1 / 1}}.file-chip__description{color:var(--s-text-subdued);font-size:var(--s-font-size-xs)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;gap:var(--s-space-8)}@media (hover: hover){.file-chip__actions{opacity:0;pointer-events:none}}.file-chip--no-suffix .file-chip__suffix{display:none}.file-chip--has-description .file-chip__info{align-items:baseline}.file-chip--type-image .file-chip__icon{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.file-chip--type-video .file-chip__icon{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.file-chip--type-audio .file-chip__icon{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.file-chip--type-pdf .file-chip__icon{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.file-chip--type-compressed .file-chip__icon{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.file-chip--type-document .file-chip__icon{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.file-chip--type-unknown .file-chip__icon{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.file-chip--loading .file-chip__icon{padding:var(--s-space-2)}.file-chip--loading .file-chip__icon{background-color:transparent}.file-chip--has-error .file-chip__icon{background-color:var(--s-surface-critical-subdued)}.file-chip--has-error .file-chip__description{color:var(--s-text-critical)}"}},[1,"swirl-file-chip",{deleteButtonLabel:[1,"delete-button-label"],description:[1],downloadButtonLabel:[1,"download-button-label"],hasError:[4,"has-error"],errorLabel:[1,"error-label"],loading:[4],loadingLabel:[1,"loading-label"],name:[1],previewButtonLabel:[1,"preview-button-label"],showDeleteButton:[4,"show-delete-button"],showDownloadButton:[4,"show-download-button"],showPreviewButton:[4,"show-preview-button"],skipNativeDownload:[4,"skip-native-download"],type:[1],url:[1],fileType:[32],isHovered:[32]},void 0,{type:[{watchType:0}]}]),z=E,L=function(){"undefined"!=typeof customElements&&["swirl-file-chip","swirl-button","swirl-icon-attachment","swirl-icon-audio-file","swirl-icon-error","swirl-icon-file","swirl-icon-folder","swirl-icon-image","swirl-icon-picture-as-pdf","swirl-icon-video-player","swirl-spinner","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-file-chip":customElements.get(c(i))\|\|customElements.define(c(i),E);break;case"swirl-button":customElements.get(c(i))\|\|u();break;case"swirl-icon-attachment":customElements.get(c(i))\|\|w();break;case"swirl-icon-audio-file":customElements.get(c(i))\|\|b();break;case"swirl-icon-error":customElements.get(c(i))\|\|m();break;case"swirl-icon-file":customElements.get(c(i))\|\|v();break;case"swirl-icon-folder":customElements.get(c(i))\|\|_();break;case"swirl-icon-image":customElements.get(c(i))\|\|g();break;case"swirl-icon-picture-as-pdf":customElements.get(c(i))\|\|y();break;case"swirl-icon-video-player":customElements.get(c(i))\|\|k();break;case"swirl-spinner":customElements.get(c(i))\|\|x();break;case"swirl-visually-hidden":customElements.get(c(i))\|\|j()}}))};export{z as SwirlFileChip,L as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as e,createEvent as s,h as o,Host as t,transformTag as c}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{F as a}from"./FileSaver.min.js";import{a as l,b as n,c as h,e as d,f as p,h as f}from"./utils.js";import{d as u}from"./swirl-button2.js";import{d as w}from"./swirl-icon-attachment2.js";import{d as b}from"./swirl-icon-audio-file2.js";import{d as m}from"./swirl-icon-error2.js";import{d as v}from"./swirl-icon-file2.js";import{d as _}from"./swirl-icon-folder2.js";import{d as g}from"./swirl-icon-image2.js";import{d as y}from"./swirl-icon-picture-as-pdf2.js";import{d as k}from"./swirl-icon-video-player2.js";import{d as x}from"./swirl-spinner2.js";import{d as j}from"./swirl-visually-hidden2.js";const E=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.delete=s(this,"delete",7),this.download=s(this,"download",7),this.preview=s(this,"preview",7),this.deleteButtonLabel="Delete",this.downloadButtonLabel="Download",this.errorLabel="Error",this.loadingLabel="Loading …",this.previewButtonLabel="Preview",this.fileType="unknown",this.isHovered=!1,this.fileIconMap={image:o("swirl-icon-image",{size:20}),video:o("swirl-icon-video-player",{size:20}),audio:o("swirl-icon-audio-file",{size:20}),pdf:o("swirl-icon-picture-as-pdf",{size:20}),compressed:o("swirl-icon-folder",{size:20}),document:o("swirl-icon-file",{size:20}),unknown:o("swirl-icon-attachment",{size:20})},this.handleClick=()=>{this.loading\|\|(this.showPreviewButton?this.handlePreviewClick():this.showDownloadButton&&this.handleDownloadClick())},this.handleDownloadClick=i=>{if(i?.stopPropagation(),this.download.emit(),this.skipNativeDownload)return;const e=this.name\|\|this.url.split("/").pop();fetch(this.url).then((i=>i.blob())).then((i=>{a.saveAs(i,e)}))},this.handlePreviewClick=i=>{i?.stopPropagation(),this.preview.emit()},this.handleDeleteClick=i=>{i?.stopPropagation(),this.delete.emit()}}componentWillLoad(){this.setFileType()}watchType(){this.setFileType()}getFileIcon(){return this.hasError?o("swirl-icon-error",{color:"critical",size:20}):this.loading?o("swirl-spinner",{size:"s",label:this.loadingLabel}):this.fileIconMap[this.fileType]}setFileType(){this.fileType=l(this.type)?"image":n(this.type)?"video":h(this.type)?"audio":d(this.type)?"pdf":p(this.type)?"compressed":f(this.type)?"document":"unknown"}render(){const i=this.showPreviewButton\|\|this.showDownloadButton\|\|this.showDeleteButton,e=r("file-chip","file-chip--type-"+this.fileType,{"file-chip--loading":this.loading,"file-chip--has-error":this.hasError,"file-chip--has-description":this.description\|\|this.loading\|\|this.hasError,"file-chip--has-download-action":this.showDownloadButton,"file-chip--has-preview-action":this.showPreviewButton,"file-chip--no-actions":!i,"file-chip--no-suffix":!(this.description\|\|this.showPreviewButton\|\|this.showDownloadButton\|\|this.showDeleteButton)});return o(t,{key:"b319545e6fd320f85ae1b00ec0dc6c0fb29118d6"},o("span",{key:"071069e61d6f871949b723a8bf86dc8eecb2ba93","aria-label":this.name,class:e,onClick:this.handleClick,role:"group"},o("span",{key:"9b8320df567e45b3653e39507ad28511601e5dcd",class:"file-chip__icon"},this.getFileIcon()),o("span",{key:"477b3000c839ee07d753762fcbb3462f566f0c10",class:"file-chip__info"},o("span",{key:"fccad97f7665b0db629bbae80bc67de26f71ef7a",class:"file-chip__name",title:this.name},this.name),o("span",{key:"9d549800851e01a9c59408f0b92102de2ccca146",class:"file-chip__suffix"},(this.description\|\|this.loading\|\|this.hasError)&&o("span",{key:"9fb6b7a414ec6650f728f93c19bc657db3e22d65",class:"file-chip__description",role:this.hasError?"status":void 0},this.hasError?this.errorLabel:this.loading?this.loadingLabel:this.description),i&&!this.loading&&o("span",{key:"5e77716d1e084ae2cfead29c56016a1414adc3ff",class:"file-chip__actions"},this.showPreviewButton&&o("swirl-button",{key:"e0bc49007776fadb8a7fb3ebd36d174c3f7b4525",hideLabel:!0,icon:"<swirl-icon-preview></swirl-icon-preview>",label:this.previewButtonLabel,onClick:this.handlePreviewClick,part:"file-chip__preview",variant:"plain"}),this.showDownloadButton&&o("swirl-button",{key:"fb68015e324c79526684d5cc7fcf02a9dc2756c4",hideLabel:!0,icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.handleDownloadClick,part:"file-chip__download",variant:"plain"}),this.showDeleteButton&&o("swirl-button",{key:"e7cefbe061ea1693460b89c7f197e0ead9f2433b",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.deleteButtonLabel,onClick:this.handleDeleteClick,part:"file-chip__delete",variant:"plain"}))))))}static get watchers(){return{type:[{watchType:0}]}}static get style(){return":host{display:inline-block;max-width:100%;overflow:hidden;background-color:var(--s-background-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px}.file-chip{display:flex;position:relative;align-items:center;max-width:100%;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background-color:transparent;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);gap:var(--s-space-12)}@media (hover: hover){.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-preview-action,.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-download-action,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-preview-action,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading).file-chip--has-download-action{background-color:var(--s-state-hovered);cursor:pointer}.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__description,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__description{opacity:0;pointer-events:none}.file-chip:hover:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__actions,.file-chip:focus-within:not(.file-chip--no-actions):not(.file-chip--loading) .file-chip__actions{opacity:1;pointer-events:auto}}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-4);background-color:var(--s-decorative-blueberry-surface-subdued);border-radius:50%;color:var(--s-decorative-blueberry-text)}.file-chip__info{display:flex;align-items:center;gap:var(--s-space-12);flex-grow:1;min-width:0}.file-chip__name{color:var(--s-text-default);font-weight:var(--s-font-weight-semibold)}.file-chip__suffix{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--s-space-12);flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@media (hover: hover){.file-chip__suffix{display:inline-grid;justify-items:end;gap:0}}.file-chip__suffix swirl-button{display:inline-flex}@media (hover: hover){.file-chip__description,.file-chip__actions{grid-area:1 / 1}}.file-chip__description{color:var(--s-text-subdued);font-size:var(--s-font-size-xs)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;gap:var(--s-space-8)}@media (hover: hover){.file-chip__actions{opacity:0;pointer-events:none}}.file-chip--no-suffix .file-chip__suffix{display:none}.file-chip--has-description .file-chip__info{align-items:baseline}.file-chip--type-image .file-chip__icon{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.file-chip--type-video .file-chip__icon{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.file-chip--type-audio .file-chip__icon{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.file-chip--type-pdf .file-chip__icon{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.file-chip--type-compressed .file-chip__icon{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.file-chip--type-document .file-chip__icon{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.file-chip--type-unknown .file-chip__icon{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.file-chip--loading .file-chip__icon{padding:var(--s-space-2)}.file-chip--loading .file-chip__icon{background-color:transparent}.file-chip--has-error .file-chip__icon{background-color:var(--s-surface-critical-subdued)}.file-chip--has-error .file-chip__description{color:var(--s-text-critical)}"}},[1,"swirl-file-chip",{deleteButtonLabel:[1,"delete-button-label"],description:[1],downloadButtonLabel:[1,"download-button-label"],hasError:[4,"has-error"],errorLabel:[1,"error-label"],loading:[4],loadingLabel:[1,"loading-label"],name:[1],previewButtonLabel:[1,"preview-button-label"],showDeleteButton:[4,"show-delete-button"],showDownloadButton:[4,"show-download-button"],showPreviewButton:[4,"show-preview-button"],skipNativeDownload:[4,"skip-native-download"],type:[1],url:[1],fileType:[32],isHovered:[32]},void 0,{type:[{watchType:0}]}]),z=E,L=function(){"undefined"!=typeof customElements&&["swirl-file-chip","swirl-button","swirl-icon-attachment","swirl-icon-audio-file","swirl-icon-error","swirl-icon-file","swirl-icon-folder","swirl-icon-image","swirl-icon-picture-as-pdf","swirl-icon-video-player","swirl-spinner","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-file-chip":customElements.get(c(i))\|\|customElements.define(c(i),E);break;case"swirl-button":customElements.get(c(i))\|\|u();break;case"swirl-icon-attachment":customElements.get(c(i))\|\|w();break;case"swirl-icon-audio-file":customElements.get(c(i))\|\|b();break;case"swirl-icon-error":customElements.get(c(i))\|\|m();break;case"swirl-icon-file":customElements.get(c(i))\|\|v();break;case"swirl-icon-folder":customElements.get(c(i))\|\|_();break;case"swirl-icon-image":customElements.get(c(i))\|\|g();break;case"swirl-icon-picture-as-pdf":customElements.get(c(i))\|\|y();break;case"swirl-icon-video-player":customElements.get(c(i))\|\|k();break;case"swirl-spinner":customElements.get(c(i))\|\|x();break;case"swirl-visually-hidden":customElements.get(c(i))\|\|j()}}))};export{z as SwirlFileChip,L as defineCustomElement}

package/dist/components/swirl-file-uploader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as l,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d}from"./swirl-button2.js";import{d as t}from"./swirl-icon-cloud-upload2.js";import{d as p}from"./swirl-visually-hidden2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=l(this,"valueChange",7),this.ctaLabel="Click to upload",this.descriptionAllowHtml=!1,this.dragDropLabel="or drag and drop.",this.hideLabel=!1,this.showDropzone=!0,this.uploadButtonLabel="Select file",this.uploadButtonVariant="flat",this.onChange=e=>{this.valueChange.emit(e.target.files)},this.onUploadButtonClick=()=>{this.inputEl.click()}}async reset(){this.inputEl.value=""}render(){const e=this.description?`${this.inputId}-description ${this.inputId}-additional-label`:this.inputId+"-additional-label",i=this.showDropzone?0:-1,l=r("file-uploader",{"file-uploader--disabled":this.disabled,"file-uploader--show-dropzone":this.showDropzone});return s(a,{key:"~~3a51f9d1c5ca2d4ebabe17a280bbad38ec665a6b~~"},s("div",{key:"~~69a9123aef701db2e6b6d21c912f95f9639368c2~~",class:l},this.hideLabel?s("swirl-visually-hidden",null,s("label",{htmlFor:this.inputId},this.label)):s("label",{class:"file-uploader__label",htmlFor:this.inputId,id:this.inputId+"-label"},this.label),this.description&&s("span",{key:"~~7b386c580be39e7c15caf300354ecc1356933092~~",class:"file-uploader__description",id:this.inputId+"-description",innerHTML:this.descriptionAllowHtml?this.description:void 0},!this.descriptionAllowHtml&&this.description),s("div",{key:"~~0514560882b20ce288c5ddf2d18c453c068ada10~~",class:"file-uploader__dropzone"},this.showDropzone?[s("swirl-icon-cloud-upload",{class:"file-uploader__dropzone-icon"}),s("div",{class:"file-uploader__dropzone-label",id:this.inputId+"-additional-label"},s("span",{class:"file-uploader__dropzone-cta"},this.ctaLabel)," ",s("span",{class:"file-uploader__drag-drop-label"},this.dragDropLabel))]:s("swirl-button",{class:"file-uploader__upload-button",disabled:this.disabled,icon:this.uploadButtonIcon,intent:"primary",label:this.uploadButtonLabel,onClick:this.onUploadButtonClick,swirlAriaDescribedby:e,variant:this.uploadButtonVariant}),s("input",{key:"~~dcd1c0da2413ff05cdb6bdc1038e8eaa4cdede8b~~",accept:this.accept,"aria-describedby":e,"aria-disabled":this.disabled,autoComplete:"off",class:"file-uploader__input",disabled:this.disabled,id:this.inputId,multiple:this.multiple,name:this.inputName,onChange:this.onChange,ref:e=>this.inputEl=e,tabIndex:i,type:"file"}))))}static get style(){return".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}"}},[2,"swirl-file-uploader",{accept:[1],ctaLabel:[1,"cta-label"],description:[1],descriptionAllowHtml:[4,"description-allow-html"],disabled:[4],dragDropLabel:[1,"drag-drop-label"],hideLabel:[4,"hide-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],label:[1],multiple:[4],showDropzone:[4,"show-dropzone"],uploadButtonIcon:[1,"upload-button-icon"],uploadButtonLabel:[1,"upload-button-label"],uploadButtonVariant:[1,"upload-button-variant"],reset:[64]}]),u=n,c=function(){"undefined"!=typeof customElements&&["swirl-file-uploader","swirl-button","swirl-icon-cloud-upload","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-file-uploader":customElements.get(o(e))\|\|customElements.define(o(e),n);break;case"swirl-button":customElements.get(o(e))\|\|d();break;case"swirl-icon-cloud-upload":customElements.get(o(e))\|\|t();break;case"swirl-visually-hidden":customElements.get(o(e))\|\|p()}}))};export{u as SwirlFileUploader,c as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as l,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d}from"./swirl-button2.js";import{d as t}from"./swirl-icon-cloud-upload2.js";import{d as p}from"./swirl-visually-hidden2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=l(this,"valueChange",7),this.ctaLabel="Click to upload",this.descriptionAllowHtml=!1,this.dragDropLabel="or drag and drop.",this.hideLabel=!1,this.showDropzone=!0,this.uploadButtonLabel="Select file",this.uploadButtonVariant="flat",this.onChange=e=>{this.valueChange.emit(e.target.files)},this.onUploadButtonClick=()=>{this.inputEl.click()}}async reset(){this.inputEl.value=""}render(){const e=this.description?`${this.inputId}-description ${this.inputId}-additional-label`:this.inputId+"-additional-label",i=this.showDropzone?0:-1,l=r("file-uploader",{"file-uploader--disabled":this.disabled,"file-uploader--show-dropzone":this.showDropzone});return s(a,{key:"13955ae841737e48ba0ccc8952c8207c6429198d"},s("div",{key:"43f3729fdfaac617cf3b1db83f6f028a14c7e02f",class:l},this.hideLabel?s("swirl-visually-hidden",null,s("label",{htmlFor:this.inputId},this.label)):s("label",{class:"file-uploader__label",htmlFor:this.inputId,id:this.inputId+"-label"},this.label),this.description&&s("span",{key:"8e99b5faa9d34d67799d10143fb9dc4008cfa7e7",class:"file-uploader__description",id:this.inputId+"-description",innerHTML:this.descriptionAllowHtml?this.description:void 0},!this.descriptionAllowHtml&&this.description),s("div",{key:"b3186232265b228ea8dfadefa75c2b1cd1c7bd12",class:"file-uploader__dropzone"},this.showDropzone?[s("swirl-icon-cloud-upload",{class:"file-uploader__dropzone-icon"}),s("div",{class:"file-uploader__dropzone-label",id:this.inputId+"-additional-label"},s("span",{class:"file-uploader__dropzone-cta"},this.ctaLabel)," ",s("span",{class:"file-uploader__drag-drop-label"},this.dragDropLabel))]:s("swirl-button",{class:"file-uploader__upload-button",disabled:this.disabled,icon:this.uploadButtonIcon,intent:"primary",label:this.uploadButtonLabel,onClick:this.onUploadButtonClick,swirlAriaDescribedby:e,variant:this.uploadButtonVariant}),s("input",{key:"a056299cd8b9855de3d7d7693877920bab1e7801",accept:this.accept,"aria-describedby":e,"aria-disabled":this.disabled,autoComplete:"off",class:"file-uploader__input",disabled:this.disabled,id:this.inputId,multiple:this.multiple,name:this.inputName,onChange:this.onChange,ref:e=>this.inputEl=e,tabIndex:i,type:"file"}))))}static get style(){return".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}"}},[2,"swirl-file-uploader",{accept:[1],ctaLabel:[1,"cta-label"],description:[1],descriptionAllowHtml:[4,"description-allow-html"],disabled:[4],dragDropLabel:[1,"drag-drop-label"],hideLabel:[4,"hide-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],label:[1],multiple:[4],showDropzone:[4,"show-dropzone"],uploadButtonIcon:[1,"upload-button-icon"],uploadButtonLabel:[1,"upload-button-label"],uploadButtonVariant:[1,"upload-button-variant"],reset:[64]}]),u=n,c=function(){"undefined"!=typeof customElements&&["swirl-file-uploader","swirl-button","swirl-icon-cloud-upload","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-file-uploader":customElements.get(o(e))\|\|customElements.define(o(e),n);break;case"swirl-button":customElements.get(o(e))\|\|d();break;case"swirl-icon-cloud-upload":customElements.get(o(e))\|\|t();break;case"swirl-visually-hidden":customElements.get(o(e))\|\|p()}}))};export{u as SwirlFileUploader,c as defineCustomElement}

package/dist/components/swirl-file-viewer-audio2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.activate=t(this,"activate",7)}componentDidLoad(){this.activate.emit(this.el)}render(){return s(o,{key:"~~03606dfaae1dda8107b5000fbcb9d63301db5009~~",class:"file-viewer-audio"},s("audio",{key:"~~1b75d34fa1e9bf3425ac7e48fc3fe037944c2fb2~~",autoplay:this.autoplay,class:"file-viewer-audio__audio",src:this.file,controls:!0}))}get el(){return this}static get style(){return":host{display:inline-flex;width:100%;height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-audio__audio{width:100%;height:100%}"}},[1,"swirl-file-viewer-audio",{autoplay:[4],file:[1]}]);function l(){"undefined"!=typeof customElements&&["swirl-file-viewer-audio"].forEach((e=>{"swirl-file-viewer-audio"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),r))}))}export{r as S,l as d}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.activate=t(this,"activate",7)}componentDidLoad(){this.activate.emit(this.el)}render(){return s(o,{key:"93a588ffaee95bbe1b205b05a10e2f77bb60ef2c",class:"file-viewer-audio"},s("audio",{key:"1283d829f94d25e9e9c9cc9182a4fb4cc00b2e1c",autoplay:this.autoplay,class:"file-viewer-audio__audio",src:this.file,controls:!0}))}get el(){return this}static get style(){return":host{display:inline-flex;width:100%;height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-audio__audio{width:100%;height:100%}"}},[1,"swirl-file-viewer-audio",{autoplay:[4],file:[1]}]);function l(){"undefined"!=typeof customElements&&["swirl-file-viewer-audio"].forEach((e=>{"swirl-file-viewer-audio"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),a))}))}export{a as S,l as d}

package/dist/components/swirl-file-viewer-csv2.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as r,Host as s,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./swirl-icon-error2.js";import{d as a}from"./swirl-inline-error2.js";import{d as f}from"./swirl-spinner2.js";import{d as h}from"./swirl-visually-hidden2.js";var c,u={exports:{}},l=(c||(c=1,u.exports=function t(){var i="undefined"!=typeof self?self:"undefined"!=typeof window?window:void 0!==i?i:{},e=!i.document&&!!i.postMessage,r=e&&/blob:/i.test((i.location||{}).protocol),s={},n=0,o={parse:function(e,r){var a=(r=r||{}).dynamicTyping||!1;if(_(a)&&(r.dynamicTypingFunction=a,a={}),r.dynamicTyping=a,r.transform=!!_(r.transform)&&r.transform,r.worker&&o.WORKERS_SUPPORTED){var f=function(){if(!o.WORKERS_SUPPORTED)return!1;var e,r,a=(e=i.URL||i.webkitURL||null,r=t.toString(),o.BLOB_URL||(o.BLOB_URL=e.createObjectURL(new Blob(["(",r,")();"],{type:"text/javascript"})))),f=new i.Worker(a);return f.onmessage=b,f.id=n++,s[f.id]=f}();return f.userStep=r.step,f.userChunk=r.chunk,f.userComplete=r.complete,f.userError=r.error,r.step=_(r.step),r.chunk=_(r.chunk),r.complete=_(r.complete),r.error=_(r.error),delete r.worker,void f.postMessage({input:e,config:r,workerId:f.id})}var d=null;return"string"==typeof e?d=r.download?new h(r):new u(r):!0===e.readable&&_(e.read)&&_(e.on)?d=new l(r):(i.File&&e instanceof File||e instanceof Object)&&(d=new c(r)),d.stream(e)},unparse:function(t,i){var e=!1,r=!0,s=",",n="\r\n",a='"',f=a+a,h=!1,c=null,u=!1;!function(){if("object"==typeof i){if("string"!=typeof i.delimiter||o.BAD_DELIMITERS.filter((function(t){return-1!==i.delimiter.indexOf(t)})).length||(s=i.delimiter),("boolean"==typeof i.quotes||"function"==typeof i.quotes||Array.isArray(i.quotes))&&(e=i.quotes),"boolean"!=typeof i.skipEmptyLines&&"string"!=typeof i.skipEmptyLines||(h=i.skipEmptyLines),"string"==typeof i.newline&&(n=i.newline),"string"==typeof i.quoteChar&&(a=i.quoteChar),"boolean"==typeof i.header&&(r=i.header),Array.isArray(i.columns)){if(0===i.columns.length)throw new Error("Option columns is empty");c=i.columns}void 0!==i.escapeChar&&(f=i.escapeChar+a),("boolean"==typeof i.escapeFormulae||i.escapeFormulae instanceof RegExp)&&(u=i.escapeFormulae instanceof RegExp?i.escapeFormulae:/^[=+\-@\t\r].*$/)}}();var l=new RegExp(v(a),"g");if("string"==typeof t&&(t=JSON.parse(t)),Array.isArray(t)){if(!t.length||Array.isArray(t[0]))return d(null,t,h);if("object"==typeof t[0])return d(c||Object.keys(t[0]),t,h)}else if("object"==typeof t)return"string"==typeof t.data&&(t.data=JSON.parse(t.data)),Array.isArray(t.data)&&(t.fields||(t.fields=t.meta&&t.meta.fields||c),t.fields||(t.fields=Array.isArray(t.data[0])?t.fields:"object"==typeof t.data[0]?Object.keys(t.data[0]):[]),Array.isArray(t.data[0])||"object"==typeof t.data[0]||(t.data=[t.data])),d(t.fields||[],t.data||[],h);throw new Error("Unable to serialize unrecognized input");function d(t,i,e){var o="";"string"==typeof t&&(t=JSON.parse(t)),"string"==typeof i&&(i=JSON.parse(i));var a=Array.isArray(t)&&0<t.length,f=!Array.isArray(i[0]);if(a&&r){for(var h=0;h<t.length;h++)0<h&&(o+=s),o+=p(t[h],h);0<i.length&&(o+=n)}for(var c=0;c<i.length;c++){var u=a?t.length:i[c].length,l=!1,d=a?0===Object.keys(i[c]).length:0===i[c].length;if(e&&!a&&(l="greedy"===e?""===i[c].join("").trim():1===i[c].length&&0===i[c][0].length),"greedy"===e&&a){for(var v=[],b=0;b<u;b++)v.push(i[c][f?t[b]:b]);l=""===v.join("").trim()}if(!l){for(var w=0;w<u;w++)0<w&&!d&&(o+=s),o+=p(i[c][a&&f?t[w]:w],w);c<i.length-1&&(!e||0<u&&!d)&&(o+=n)}}return o}function p(t,i){if(null==t)return"";if(t.constructor===Date)return JSON.stringify(t).slice(1,25);var r=!1;u&&"string"==typeof t&&u.test(t)&&(t="'"+t,r=!0);var n=t.toString().replace(l,f);return(r=r||!0===e||"function"==typeof e&&e(t,i)||Array.isArray(e)&&e[i]||function(t,i){for(var e=0;e<i.length;e++)if(-1<t.indexOf(i[e]))return!0;return!1}(n,o.BAD_DELIMITERS)||-1<n.indexOf(s)||" "===n.charAt(0)||" "===n.charAt(n.length-1))?a+n+a:n}}};if(o.RECORD_SEP=String.fromCharCode(30),o.UNIT_SEP=String.fromCharCode(31),o.BYTE_ORDER_MARK="\ufeff",o.BAD_DELIMITERS=["\r","\n",'"',o.BYTE_ORDER_MARK],o.WORKERS_SUPPORTED=!e&&!!i.Worker,o.NODE_STREAM_INPUT=1,o.LocalChunkSize=10485760,o.RemoteChunkSize=5242880,o.DefaultDelimiter=",",o.Parser=p,o.ParserHandle=d,o.NetworkStreamer=h,o.FileStreamer=c,o.StringStreamer=u,o.ReadableStreamStreamer=l,i.jQuery){var a=i.jQuery;a.fn.parse=function(t){var e=t.config||{},r=[];return this.each((function(){if("INPUT"!==a(this).prop("tagName").toUpperCase()||"file"!==a(this).attr("type").toLowerCase()||!i.FileReader||!this.files||0===this.files.length)return!0;for(var t=0;t<this.files.length;t++)r.push({file:this.files[t],inputElem:this,instanceConfig:a.extend({},e)})})),s(),this;function s(){if(0!==r.length){var i,e,s,f=r[0];if(_(t.before)){var h=t.before(f.file,f.inputElem);if("object"==typeof h){if("abort"===h.action)return i=f.file,e=f.inputElem,s=h.reason,void(_(t.error)&&t.error({name:"AbortError"},i,e,s));if("skip"===h.action)return void n();"object"==typeof h.config&&(f.instanceConfig=a.extend(f.instanceConfig,h.config))}else if("skip"===h)return void n()}var c=f.instanceConfig.complete;f.instanceConfig.complete=function(t){_(c)&&c(t,f.file,f.inputElem),n()},o.parse(f.file,f.instanceConfig)}else _(t.complete)&&t.complete()}function n(){r.splice(0,1),s()}}}function f(t){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine="",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},function(t){var i=m(t);i.chunkSize=parseInt(i.chunkSize),t.step||t.chunk||(i.chunkSize=null),this._handle=new d(i),(this._handle.streamer=this)._config=i}.call(this,t),this.parseChunk=function(t,e){if(this.isFirstChunk&&_(this._config.beforeFirstChunk)){var s=this._config.beforeFirstChunk(t);void 0!==s&&(t=s)}this.isFirstChunk=!1,this._halted=!1;var n=this._partialLine+t;this._partialLine="";var a=this._handle.parse(n,this._baseIndex,!this._finished);if(!this._handle.paused()&&!this._handle.aborted()){var f=a.meta.cursor;this._finished||(this._partialLine=n.substring(f-this._baseIndex),this._baseIndex=f),a&&a.data&&(this._rowCount+=a.data.length);var h=this._finished||this._config.preview&&this._rowCount>=this._config.preview;if(r)i.postMessage({results:a,workerId:o.WORKER_ID,finished:h});else if(_(this._config.chunk)&&!e){if(this._config.chunk(a,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);a=void 0,this._completeResults=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(a.data),this._completeResults.errors=this._completeResults.errors.concat(a.errors),this._completeResults.meta=a.meta),this._completed||!h||!_(this._config.complete)||a&&a.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),h||a&&a.meta.paused||this._nextChunk(),a}this._halted=!0},this._sendError=function(t){_(this._config.error)?this._config.error(t):r&&this._config.error&&i.postMessage({workerId:o.WORKER_ID,error:t,finished:!1})}}function h(t){var i;(t=t||{}).chunkSize||(t.chunkSize=o.RemoteChunkSize),f.call(this,t),this._nextChunk=e?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(t){this._input=t,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(i=new XMLHttpRequest,this._config.withCredentials&&(i.withCredentials=this._config.withCredentials),e||(i.onload=g(this._chunkLoaded,this),i.onerror=g(this._chunkError,this)),i.open(this._config.downloadRequestBody?"POST":"GET",this._input,!e),this._config.downloadRequestHeaders){var t=this._config.downloadRequestHeaders;for(var r in t)i.setRequestHeader(r,t[r])}this._config.chunkSize&&i.setRequestHeader("Range","bytes="+this._start+"-"+(this._start+this._config.chunkSize-1));try{i.send(this._config.downloadRequestBody)}catch(t){this._chunkError(t.message)}e&&0===i.status&&this._chunkError()}},this._chunkLoaded=function(){4===i.readyState&&(i.status<200||400<=i.status?this._chunkError():(this._start+=this._config.chunkSize?this._config.chunkSize:i.responseText.length,this._finished=!this._config.chunkSize||this._start>=function(t){var i=t.getResponseHeader("Content-Range");return null===i?-1:parseInt(i.substring(i.lastIndexOf("/")+1))}(i),this.parseChunk(i.responseText)))},this._chunkError=function(t){this._sendError(new Error(i.statusText||t))}}function c(t){var i,e;(t=t||{}).chunkSize||(t.chunkSize=o.LocalChunkSize),f.call(this,t);var r="undefined"!=typeof FileReader;this.stream=function(t){this._input=t,e=t.slice||t.webkitSlice||t.mozSlice,r?((i=new FileReader).onload=g(this._chunkLoaded,this),i.onerror=g(this._chunkError,this)):i=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var t=this._input;if(this._config.chunkSize){var s=Math.min(this._start+this._config.chunkSize,this._input.size);t=e.call(t,this._start,s)}var n=i.readAsText(t,this._config.encoding);r||this._chunkLoaded({target:{result:n}})},this._chunkLoaded=function(t){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(t.target.result)},this._chunkError=function(){this._sendError(i.error)}}function u(t){var i;f.call(this,t=t||{}),this.stream=function(t){return i=t,this._nextChunk()},this._nextChunk=function(){if(!this._finished){var t,e=this._config.chunkSize;return e?(t=i.substring(0,e),i=i.substring(e)):(t=i,i=""),this._finished=!i,this.parseChunk(t)}}}function l(t){f.call(this,t=t||{});var i=[],e=!0,r=!1;this.pause=function(){f.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){f.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(t){this._input=t,this._input.on("data",this._streamData),this._input.on("end",this._streamEnd),this._input.on("error",this._streamError)},this._checkIsFinished=function(){r&&1===i.length&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),i.length?this.parseChunk(i.shift()):e=!0},this._streamData=g((function(t){try{i.push("string"==typeof t?t:t.toString(this._config.encoding)),e&&(e=!1,this._checkIsFinished(),this.parseChunk(i.shift()))}catch(t){this._streamError(t)}}),this),this._streamError=g((function(t){this._streamCleanUp(),this._sendError(t)}),this),this._streamEnd=g((function(){this._streamCleanUp(),r=!0,this._streamData("")}),this),this._streamCleanUp=g((function(){this._input.removeListener("data",this._streamData),this._input.removeListener("end",this._streamEnd),this._input.removeListener("error",this._streamError)}),this)}function d(t){var i,e,r,s=Math.pow(2,53),n=-s,a=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,f=/^(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))$/,h=this,c=0,u=0,l=!1,d=!1,b=[],w={data:[],errors:[],meta:{}};if(_(t.step)){var y=t.step;t.step=function(i){if(w=i,x())k();else{if(k(),0===w.data.length)return;c+=i.data.length,t.preview&&c>t.preview?e.abort():(w.data=w.data[0],y(w,h))}}}function g(i){return"greedy"===t.skipEmptyLines?""===i.join("").trim():1===i.length&&0===i[0].length}function k(){return w&&r&&(j("Delimiter","UndetectableDelimiter","Unable to auto-detect delimiting character; defaulted to '"+o.DefaultDelimiter+"'"),r=!1),t.skipEmptyLines&&(w.data=w.data.filter((function(t){return!g(t)}))),x()&&function(){if(w)if(Array.isArray(w.data[0])){for(var i=0;x()&&i<w.data.length;i++)w.data[i].forEach(e);w.data.splice(0,1)}else w.data.forEach(e);function e(i,e){_(t.transformHeader)&&(i=t.transformHeader(i,e)),b.push(i)}}(),function(){if(!w||!t.header&&!t.dynamicTyping&&!t.transform)return w;function i(i,e){var r,s=t.header?{}:[];for(r=0;r<i.length;r++){var n=r,o=i[r];t.header&&(n=r>=b.length?"__parsed_extra":b[r]),t.transform&&(o=t.transform(o,n)),o=E(n,o),"__parsed_extra"===n?(s[n]=s[n]||[],s[n].push(o)):s[n]=o}return t.header&&(r>b.length?j("FieldMismatch","TooManyFields","Too many fields: expected "+b.length+" fields but parsed "+r,u+e):r<b.length&&j("FieldMismatch","TooFewFields","Too few fields: expected "+b.length+" fields but parsed "+r,u+e)),s}var e=1;return!w.data.length||Array.isArray(w.data[0])?(w.data=w.data.map(i),e=w.data.length):w.data=i(w.data,0),t.header&&w.meta&&(w.meta.fields=b),u+=e,w}()}function x(){return t.header&&0===b.length}function E(i,e){return r=i,t.dynamicTypingFunction&&void 0===t.dynamicTyping[r]&&(t.dynamicTyping[r]=t.dynamicTypingFunction(r)),!0===(t.dynamicTyping[r]||t.dynamicTyping)?"true"===e||"TRUE"===e||"false"!==e&&"FALSE"!==e&&(function(t){if(a.test(t)){var i=parseFloat(t);if(n<i&&i<s)return!0}return!1}(e)?parseFloat(e):f.test(e)?new Date(e):""===e?null:e):e;var r}function j(t,i,e,r){var s={type:t,code:i,message:e};void 0!==r&&(s.row=r),w.errors.push(s)}this.parse=function(s,n,a){if(t.newline||(t.newline=function(t,i){t=t.substring(0,1048576);var e=new RegExp(v(i)+"([^]*?)"+v(i),"gm"),r=(t=t.replace(e,"")).split("\r"),s=t.split("\n");if(1===r.length||1<s.length&&s[0].length<r[0].length)return"\n";for(var n=0,o=0;o<r.length;o++)"\n"===r[o][0]&&n++;return n>=r.length/2?"\r\n":"\r"}(s,t.quoteChar||'"')),r=!1,t.delimiter)_(t.delimiter)&&(t.delimiter=t.delimiter(s),w.meta.delimiter=t.delimiter);else{var f=function(i,e,r,s,n){var a,f,h,c;n=n||[",","\t","|",";",o.RECORD_SEP,o.UNIT_SEP];for(var u=0;u<n.length;u++){var l=n[u],d=0,v=0,b=0;h=void 0;for(var w=new p({comments:s,delimiter:l,newline:e,preview:10}).parse(i),y=0;y<w.data.length;y++)if(r&&g(w.data[y]))b++;else{var m=w.data[y].length;v+=m,void 0!==h?0<m&&(d+=Math.abs(m-h),h=m):h=m}0<w.data.length&&(v/=w.data.length-b),(void 0===f||d<=f)&&(void 0===c||c<v)&&1.99<v&&(f=d,a=l,c=v)}return{successful:!!(t.delimiter=a),bestDelimiter:a}}(s,t.newline,t.skipEmptyLines,t.comments,t.delimitersToGuess);f.successful?t.delimiter=f.bestDelimiter:(r=!0,t.delimiter=o.DefaultDelimiter),w.meta.delimiter=t.delimiter}var h=m(t);return t.preview&&t.header&&h.preview++,i=s,e=new p(h),w=e.parse(i,n,a),k(),l?{meta:{paused:!0}}:w||{meta:{paused:!1}}},this.paused=function(){return l},this.pause=function(){l=!0,e.abort(),i=_(t.chunk)?"":i.substring(e.getCharIndex())},this.resume=function(){h.streamer._halted?(l=!1,h.streamer.parseChunk(i,!0)):setTimeout(h.resume,3)},this.aborted=function(){return d},this.abort=function(){d=!0,e.abort(),w.meta.aborted=!0,_(t.complete)&&t.complete(w),i=""}}function v(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function p(t){var i,e=(t=t||{}).delimiter,r=t.newline,s=t.comments,n=t.step,a=t.preview,f=t.fastMode,h=i=null==t.quoteChar?'"':t.quoteChar;if(void 0!==t.escapeChar&&(h=t.escapeChar),("string"!=typeof e||-1<o.BAD_DELIMITERS.indexOf(e))&&(e=","),s===e)throw new Error("Comment character same as delimiter");!0===s?s="#":("string"!=typeof s||-1<o.BAD_DELIMITERS.indexOf(s))&&(s=!1),"\n"!==r&&"\r"!==r&&"\r\n"!==r&&(r="\n");var c=0,u=!1;this.parse=function(t,o,l){if("string"!=typeof t)throw new Error("Input must be a string");var d=t.length,p=e.length,b=r.length,w=s.length,y=_(n),m=[],g=[],k=[],x=c=0;if(!t)return D();if(f||!1!==f&&-1===t.indexOf(i)){for(var E=t.split(r),j=0;j<E.length;j++){if(c+=(k=E[j]).length,j!==E.length-1)c+=r.length;else if(l)return D();if(!s||k.substring(0,w)!==s){if(y){if(m=[],M(k.split(e)),z(),u)return D()}else M(k.split(e));if(a&&a<=j)return m=m.slice(0,a),D(!0)}}return D()}for(var T=t.indexOf(e,c),O=t.indexOf(r,c),A=new RegExp(v(h)+v(i),"g"),F=t.indexOf(i,c);;)if(t[c]!==i)if(s&&0===k.length&&t.substring(c,c+w)===s){if(-1===O)return D();O=t.indexOf(r,c=O+b),T=t.indexOf(e,c)}else if(-1!==T&&(T<O||-1===O))k.push(t.substring(c,T)),T=t.indexOf(e,c=T+p);else{if(-1===O)break;if(k.push(t.substring(c,O)),$(O+b),y&&(z(),u))return D();if(a&&m.length>=a)return D(!0)}else for(F=c,c++;;){if(-1===(F=t.indexOf(i,F+1)))return l||g.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:m.length,index:c}),N();if(F===d-1)return N(t.substring(c,F).replace(A,i));if(i!==h||t[F+1]!==h){if(i===h||0===F||t[F-1]!==h){-1!==T&&T<F+1&&(T=t.indexOf(e,F+1)),-1!==O&&O<F+1&&(O=t.indexOf(r,F+1));var R=S(-1===O?T:Math.min(T,O));if(t.substr(F+1+R,p)===e){k.push(t.substring(c,F).replace(A,i)),t[c=F+1+R+p]!==i&&(F=t.indexOf(i,c)),T=t.indexOf(e,c),O=t.indexOf(r,c);break}var I=S(O);if(t.substring(F+1+I,F+1+I+b)===r){if(k.push(t.substring(c,F).replace(A,i)),$(F+1+I+b),T=t.indexOf(e,c),F=t.indexOf(i,c),y&&(z(),u))return D();if(a&&m.length>=a)return D(!0);break}g.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:m.length,index:c}),F++}}else F++}return N();function M(t){m.push(t),x=c}function S(i){var e=0;if(-1!==i){var r=t.substring(F+1,i);r&&""===r.trim()&&(e=r.length)}return e}function N(i){return l||(void 0===i&&(i=t.substring(c)),k.push(i),c=d,M(k),y&&z()),D()}function $(i){c=i,M(k),k=[],O=t.indexOf(r,c)}function D(t){return{data:m,errors:g,meta:{delimiter:e,linebreak:r,aborted:u,truncated:!!t,cursor:x+(o||0)}}}function z(){n(D()),m=[],g=[]}},this.abort=function(){u=!0},this.getCharIndex=function(){return c}}function b(t){var i=t.data,e=s[i.workerId],r=!1;if(i.error)e.userError(i.error,i.file);else if(i.results&&i.results.data){var n={abort:function(){r=!0,w(i.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:y,resume:y};if(_(e.userStep)){for(var o=0;o<i.results.data.length&&(e.userStep({data:i.results.data[o],errors:i.results.errors,meta:i.results.meta},n),!r);o++);delete i.results}else _(e.userChunk)&&(e.userChunk(i.results,n,i.file),delete i.results)}i.finished&&!r&&w(i.workerId,i.results)}function w(t,i){var e=s[t];_(e.userComplete)&&e.userComplete(i),e.terminate(),delete s[t]}function y(){throw new Error("Not implemented.")}function m(t){if("object"!=typeof t||null===t)return t;var i=Array.isArray(t)?[]:{};for(var e in t)i[e]=m(t[e]);return i}function g(t,i){return function(){t.apply(i,arguments)}}function _(t){return"function"==typeof t}return r&&(i.onmessage=function(t){var e=t.data;if(void 0===o.WORKER_ID&&e&&(o.WORKER_ID=e.workerId),"string"==typeof e.input)i.postMessage({workerId:o.WORKER_ID,results:o.parse(e.input,e.config),finished:!0});else if(i.File&&e.input instanceof File||e.input instanceof Object){var r=o.parse(e.input,e.config);r&&i.postMessage({workerId:o.WORKER_ID,results:r,finished:!0})}}),(h.prototype=Object.create(f.prototype)).constructor=h,(c.prototype=Object.create(f.prototype)).constructor=c,(u.prototype=Object.create(u.prototype)).constructor=u,(l.prototype=Object.create(f.prototype)).constructor=l,o}()),u.exports);
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as r,Host as s,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./swirl-icon-error2.js";import{d as a}from"./swirl-inline-error2.js";import{d as f}from"./swirl-spinner2.js";import{d as h}from"./swirl-visually-hidden2.js";var u,c={exports:{}},l=(u||(u=1,c.exports=function t(){var i="undefined"!=typeof self?self:"undefined"!=typeof window?window:void 0!==i?i:{},e=!i.document&&!!i.postMessage,r=e&&/blob:/i.test((i.location||{}).protocol),s={},n=0,o={parse:function(e,r){var a=(r=r||{}).dynamicTyping||!1;if(_(a)&&(r.dynamicTypingFunction=a,a={}),r.dynamicTyping=a,r.transform=!!_(r.transform)&&r.transform,r.worker&&o.WORKERS_SUPPORTED){var f=function(){if(!o.WORKERS_SUPPORTED)return!1;var e,r,a=(e=i.URL||i.webkitURL||null,r=t.toString(),o.BLOB_URL||(o.BLOB_URL=e.createObjectURL(new Blob(["(",r,")();"],{type:"text/javascript"})))),f=new i.Worker(a);return f.onmessage=w,f.id=n++,s[f.id]=f}();return f.userStep=r.step,f.userChunk=r.chunk,f.userComplete=r.complete,f.userError=r.error,r.step=_(r.step),r.chunk=_(r.chunk),r.complete=_(r.complete),r.error=_(r.error),delete r.worker,void f.postMessage({input:e,config:r,workerId:f.id})}var d=null;return"string"==typeof e?d=r.download?new h(r):new c(r):!0===e.readable&&_(e.read)&&_(e.on)?d=new l(r):(i.File&&e instanceof File||e instanceof Object)&&(d=new u(r)),d.stream(e)},unparse:function(t,i){var e=!1,r=!0,s=",",n="\r\n",a='"',f=a+a,h=!1,u=null,c=!1;!function(){if("object"==typeof i){if("string"!=typeof i.delimiter||o.BAD_DELIMITERS.filter((function(t){return-1!==i.delimiter.indexOf(t)})).length||(s=i.delimiter),("boolean"==typeof i.quotes||"function"==typeof i.quotes||Array.isArray(i.quotes))&&(e=i.quotes),"boolean"!=typeof i.skipEmptyLines&&"string"!=typeof i.skipEmptyLines||(h=i.skipEmptyLines),"string"==typeof i.newline&&(n=i.newline),"string"==typeof i.quoteChar&&(a=i.quoteChar),"boolean"==typeof i.header&&(r=i.header),Array.isArray(i.columns)){if(0===i.columns.length)throw new Error("Option columns is empty");u=i.columns}void 0!==i.escapeChar&&(f=i.escapeChar+a),("boolean"==typeof i.escapeFormulae||i.escapeFormulae instanceof RegExp)&&(c=i.escapeFormulae instanceof RegExp?i.escapeFormulae:/^[=+\-@\t\r].*$/)}}();var l=new RegExp(v(a),"g");if("string"==typeof t&&(t=JSON.parse(t)),Array.isArray(t)){if(!t.length||Array.isArray(t[0]))return d(null,t,h);if("object"==typeof t[0])return d(u||Object.keys(t[0]),t,h)}else if("object"==typeof t)return"string"==typeof t.data&&(t.data=JSON.parse(t.data)),Array.isArray(t.data)&&(t.fields||(t.fields=t.meta&&t.meta.fields||u),t.fields||(t.fields=Array.isArray(t.data[0])?t.fields:"object"==typeof t.data[0]?Object.keys(t.data[0]):[]),Array.isArray(t.data[0])||"object"==typeof t.data[0]||(t.data=[t.data])),d(t.fields||[],t.data||[],h);throw new Error("Unable to serialize unrecognized input");function d(t,i,e){var o="";"string"==typeof t&&(t=JSON.parse(t)),"string"==typeof i&&(i=JSON.parse(i));var a=Array.isArray(t)&&0<t.length,f=!Array.isArray(i[0]);if(a&&r){for(var h=0;h<t.length;h++)0<h&&(o+=s),o+=p(t[h],h);0<i.length&&(o+=n)}for(var u=0;u<i.length;u++){var c=a?t.length:i[u].length,l=!1,d=a?0===Object.keys(i[u]).length:0===i[u].length;if(e&&!a&&(l="greedy"===e?""===i[u].join("").trim():1===i[u].length&&0===i[u][0].length),"greedy"===e&&a){for(var v=[],w=0;w<c;w++)v.push(i[u][f?t[w]:w]);l=""===v.join("").trim()}if(!l){for(var b=0;b<c;b++)0<b&&!d&&(o+=s),o+=p(i[u][a&&f?t[b]:b],b);u<i.length-1&&(!e||0<c&&!d)&&(o+=n)}}return o}function p(t,i){if(null==t)return"";if(t.constructor===Date)return JSON.stringify(t).slice(1,25);var r=!1;c&&"string"==typeof t&&c.test(t)&&(t="'"+t,r=!0);var n=t.toString().replace(l,f);return(r=r||!0===e||"function"==typeof e&&e(t,i)||Array.isArray(e)&&e[i]||function(t,i){for(var e=0;e<i.length;e++)if(-1<t.indexOf(i[e]))return!0;return!1}(n,o.BAD_DELIMITERS)||-1<n.indexOf(s)||" "===n.charAt(0)||" "===n.charAt(n.length-1))?a+n+a:n}}};if(o.RECORD_SEP=String.fromCharCode(30),o.UNIT_SEP=String.fromCharCode(31),o.BYTE_ORDER_MARK="\ufeff",o.BAD_DELIMITERS=["\r","\n",'"',o.BYTE_ORDER_MARK],o.WORKERS_SUPPORTED=!e&&!!i.Worker,o.NODE_STREAM_INPUT=1,o.LocalChunkSize=10485760,o.RemoteChunkSize=5242880,o.DefaultDelimiter=",",o.Parser=p,o.ParserHandle=d,o.NetworkStreamer=h,o.FileStreamer=u,o.StringStreamer=c,o.ReadableStreamStreamer=l,i.jQuery){var a=i.jQuery;a.fn.parse=function(t){var e=t.config||{},r=[];return this.each((function(){if("INPUT"!==a(this).prop("tagName").toUpperCase()||"file"!==a(this).attr("type").toLowerCase()||!i.FileReader||!this.files||0===this.files.length)return!0;for(var t=0;t<this.files.length;t++)r.push({file:this.files[t],inputElem:this,instanceConfig:a.extend({},e)})})),s(),this;function s(){if(0!==r.length){var i,e,s,f=r[0];if(_(t.before)){var h=t.before(f.file,f.inputElem);if("object"==typeof h){if("abort"===h.action)return i=f.file,e=f.inputElem,s=h.reason,void(_(t.error)&&t.error({name:"AbortError"},i,e,s));if("skip"===h.action)return void n();"object"==typeof h.config&&(f.instanceConfig=a.extend(f.instanceConfig,h.config))}else if("skip"===h)return void n()}var u=f.instanceConfig.complete;f.instanceConfig.complete=function(t){_(u)&&u(t,f.file,f.inputElem),n()},o.parse(f.file,f.instanceConfig)}else _(t.complete)&&t.complete()}function n(){r.splice(0,1),s()}}}function f(t){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine="",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},function(t){var i=m(t);i.chunkSize=parseInt(i.chunkSize),t.step||t.chunk||(i.chunkSize=null),this._handle=new d(i),(this._handle.streamer=this)._config=i}.call(this,t),this.parseChunk=function(t,e){if(this.isFirstChunk&&_(this._config.beforeFirstChunk)){var s=this._config.beforeFirstChunk(t);void 0!==s&&(t=s)}this.isFirstChunk=!1,this._halted=!1;var n=this._partialLine+t;this._partialLine="";var a=this._handle.parse(n,this._baseIndex,!this._finished);if(!this._handle.paused()&&!this._handle.aborted()){var f=a.meta.cursor;this._finished||(this._partialLine=n.substring(f-this._baseIndex),this._baseIndex=f),a&&a.data&&(this._rowCount+=a.data.length);var h=this._finished||this._config.preview&&this._rowCount>=this._config.preview;if(r)i.postMessage({results:a,workerId:o.WORKER_ID,finished:h});else if(_(this._config.chunk)&&!e){if(this._config.chunk(a,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);a=void 0,this._completeResults=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(a.data),this._completeResults.errors=this._completeResults.errors.concat(a.errors),this._completeResults.meta=a.meta),this._completed||!h||!_(this._config.complete)||a&&a.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),h||a&&a.meta.paused||this._nextChunk(),a}this._halted=!0},this._sendError=function(t){_(this._config.error)?this._config.error(t):r&&this._config.error&&i.postMessage({workerId:o.WORKER_ID,error:t,finished:!1})}}function h(t){var i;(t=t||{}).chunkSize||(t.chunkSize=o.RemoteChunkSize),f.call(this,t),this._nextChunk=e?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(t){this._input=t,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(i=new XMLHttpRequest,this._config.withCredentials&&(i.withCredentials=this._config.withCredentials),e||(i.onload=g(this._chunkLoaded,this),i.onerror=g(this._chunkError,this)),i.open(this._config.downloadRequestBody?"POST":"GET",this._input,!e),this._config.downloadRequestHeaders){var t=this._config.downloadRequestHeaders;for(var r in t)i.setRequestHeader(r,t[r])}this._config.chunkSize&&i.setRequestHeader("Range","bytes="+this._start+"-"+(this._start+this._config.chunkSize-1));try{i.send(this._config.downloadRequestBody)}catch(t){this._chunkError(t.message)}e&&0===i.status&&this._chunkError()}},this._chunkLoaded=function(){4===i.readyState&&(i.status<200||400<=i.status?this._chunkError():(this._start+=this._config.chunkSize?this._config.chunkSize:i.responseText.length,this._finished=!this._config.chunkSize||this._start>=function(t){var i=t.getResponseHeader("Content-Range");return null===i?-1:parseInt(i.substring(i.lastIndexOf("/")+1))}(i),this.parseChunk(i.responseText)))},this._chunkError=function(t){this._sendError(new Error(i.statusText||t))}}function u(t){var i,e;(t=t||{}).chunkSize||(t.chunkSize=o.LocalChunkSize),f.call(this,t);var r="undefined"!=typeof FileReader;this.stream=function(t){this._input=t,e=t.slice||t.webkitSlice||t.mozSlice,r?((i=new FileReader).onload=g(this._chunkLoaded,this),i.onerror=g(this._chunkError,this)):i=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var t=this._input;if(this._config.chunkSize){var s=Math.min(this._start+this._config.chunkSize,this._input.size);t=e.call(t,this._start,s)}var n=i.readAsText(t,this._config.encoding);r||this._chunkLoaded({target:{result:n}})},this._chunkLoaded=function(t){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(t.target.result)},this._chunkError=function(){this._sendError(i.error)}}function c(t){var i;f.call(this,t=t||{}),this.stream=function(t){return i=t,this._nextChunk()},this._nextChunk=function(){if(!this._finished){var t,e=this._config.chunkSize;return e?(t=i.substring(0,e),i=i.substring(e)):(t=i,i=""),this._finished=!i,this.parseChunk(t)}}}function l(t){f.call(this,t=t||{});var i=[],e=!0,r=!1;this.pause=function(){f.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){f.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(t){this._input=t,this._input.on("data",this._streamData),this._input.on("end",this._streamEnd),this._input.on("error",this._streamError)},this._checkIsFinished=function(){r&&1===i.length&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),i.length?this.parseChunk(i.shift()):e=!0},this._streamData=g((function(t){try{i.push("string"==typeof t?t:t.toString(this._config.encoding)),e&&(e=!1,this._checkIsFinished(),this.parseChunk(i.shift()))}catch(t){this._streamError(t)}}),this),this._streamError=g((function(t){this._streamCleanUp(),this._sendError(t)}),this),this._streamEnd=g((function(){this._streamCleanUp(),r=!0,this._streamData("")}),this),this._streamCleanUp=g((function(){this._input.removeListener("data",this._streamData),this._input.removeListener("end",this._streamEnd),this._input.removeListener("error",this._streamError)}),this)}function d(t){var i,e,r,s=Math.pow(2,53),n=-s,a=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,f=/^(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))$/,h=this,u=0,c=0,l=!1,d=!1,w=[],b={data:[],errors:[],meta:{}};if(_(t.step)){var y=t.step;t.step=function(i){if(b=i,x())k();else{if(k(),0===b.data.length)return;u+=i.data.length,t.preview&&u>t.preview?e.abort():(b.data=b.data[0],y(b,h))}}}function g(i){return"greedy"===t.skipEmptyLines?""===i.join("").trim():1===i.length&&0===i[0].length}function k(){return b&&r&&(j("Delimiter","UndetectableDelimiter","Unable to auto-detect delimiting character; defaulted to '"+o.DefaultDelimiter+"'"),r=!1),t.skipEmptyLines&&(b.data=b.data.filter((function(t){return!g(t)}))),x()&&function(){if(b)if(Array.isArray(b.data[0])){for(var i=0;x()&&i<b.data.length;i++)b.data[i].forEach(e);b.data.splice(0,1)}else b.data.forEach(e);function e(i,e){_(t.transformHeader)&&(i=t.transformHeader(i,e)),w.push(i)}}(),function(){if(!b||!t.header&&!t.dynamicTyping&&!t.transform)return b;function i(i,e){var r,s=t.header?{}:[];for(r=0;r<i.length;r++){var n=r,o=i[r];t.header&&(n=r>=w.length?"__parsed_extra":w[r]),t.transform&&(o=t.transform(o,n)),o=E(n,o),"__parsed_extra"===n?(s[n]=s[n]||[],s[n].push(o)):s[n]=o}return t.header&&(r>w.length?j("FieldMismatch","TooManyFields","Too many fields: expected "+w.length+" fields but parsed "+r,c+e):r<w.length&&j("FieldMismatch","TooFewFields","Too few fields: expected "+w.length+" fields but parsed "+r,c+e)),s}var e=1;return!b.data.length||Array.isArray(b.data[0])?(b.data=b.data.map(i),e=b.data.length):b.data=i(b.data,0),t.header&&b.meta&&(b.meta.fields=w),c+=e,b}()}function x(){return t.header&&0===w.length}function E(i,e){return r=i,t.dynamicTypingFunction&&void 0===t.dynamicTyping[r]&&(t.dynamicTyping[r]=t.dynamicTypingFunction(r)),!0===(t.dynamicTyping[r]||t.dynamicTyping)?"true"===e||"TRUE"===e||"false"!==e&&"FALSE"!==e&&(function(t){if(a.test(t)){var i=parseFloat(t);if(n<i&&i<s)return!0}return!1}(e)?parseFloat(e):f.test(e)?new Date(e):""===e?null:e):e;var r}function j(t,i,e,r){var s={type:t,code:i,message:e};void 0!==r&&(s.row=r),b.errors.push(s)}this.parse=function(s,n,a){if(t.newline||(t.newline=function(t,i){t=t.substring(0,1048576);var e=new RegExp(v(i)+"([^]*?)"+v(i),"gm"),r=(t=t.replace(e,"")).split("\r"),s=t.split("\n");if(1===r.length||1<s.length&&s[0].length<r[0].length)return"\n";for(var n=0,o=0;o<r.length;o++)"\n"===r[o][0]&&n++;return n>=r.length/2?"\r\n":"\r"}(s,t.quoteChar||'"')),r=!1,t.delimiter)_(t.delimiter)&&(t.delimiter=t.delimiter(s),b.meta.delimiter=t.delimiter);else{var f=function(i,e,r,s,n){var a,f,h,u;n=n||[",","\t","|",";",o.RECORD_SEP,o.UNIT_SEP];for(var c=0;c<n.length;c++){var l=n[c],d=0,v=0,w=0;h=void 0;for(var b=new p({comments:s,delimiter:l,newline:e,preview:10}).parse(i),y=0;y<b.data.length;y++)if(r&&g(b.data[y]))w++;else{var m=b.data[y].length;v+=m,void 0!==h?0<m&&(d+=Math.abs(m-h),h=m):h=m}0<b.data.length&&(v/=b.data.length-w),(void 0===f||d<=f)&&(void 0===u||u<v)&&1.99<v&&(f=d,a=l,u=v)}return{successful:!!(t.delimiter=a),bestDelimiter:a}}(s,t.newline,t.skipEmptyLines,t.comments,t.delimitersToGuess);f.successful?t.delimiter=f.bestDelimiter:(r=!0,t.delimiter=o.DefaultDelimiter),b.meta.delimiter=t.delimiter}var h=m(t);return t.preview&&t.header&&h.preview++,i=s,e=new p(h),b=e.parse(i,n,a),k(),l?{meta:{paused:!0}}:b||{meta:{paused:!1}}},this.paused=function(){return l},this.pause=function(){l=!0,e.abort(),i=_(t.chunk)?"":i.substring(e.getCharIndex())},this.resume=function(){h.streamer._halted?(l=!1,h.streamer.parseChunk(i,!0)):setTimeout(h.resume,3)},this.aborted=function(){return d},this.abort=function(){d=!0,e.abort(),b.meta.aborted=!0,_(t.complete)&&t.complete(b),i=""}}function v(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function p(t){var i,e=(t=t||{}).delimiter,r=t.newline,s=t.comments,n=t.step,a=t.preview,f=t.fastMode,h=i=null==t.quoteChar?'"':t.quoteChar;if(void 0!==t.escapeChar&&(h=t.escapeChar),("string"!=typeof e||-1<o.BAD_DELIMITERS.indexOf(e))&&(e=","),s===e)throw new Error("Comment character same as delimiter");!0===s?s="#":("string"!=typeof s||-1<o.BAD_DELIMITERS.indexOf(s))&&(s=!1),"\n"!==r&&"\r"!==r&&"\r\n"!==r&&(r="\n");var u=0,c=!1;this.parse=function(t,o,l){if("string"!=typeof t)throw new Error("Input must be a string");var d=t.length,p=e.length,w=r.length,b=s.length,y=_(n),m=[],g=[],k=[],x=u=0;if(!t)return D();if(f||!1!==f&&-1===t.indexOf(i)){for(var E=t.split(r),j=0;j<E.length;j++){if(u+=(k=E[j]).length,j!==E.length-1)u+=r.length;else if(l)return D();if(!s||k.substring(0,b)!==s){if(y){if(m=[],M(k.split(e)),z(),c)return D()}else M(k.split(e));if(a&&a<=j)return m=m.slice(0,a),D(!0)}}return D()}for(var T=t.indexOf(e,u),O=t.indexOf(r,u),A=new RegExp(v(h)+v(i),"g"),F=t.indexOf(i,u);;)if(t[u]!==i)if(s&&0===k.length&&t.substring(u,u+b)===s){if(-1===O)return D();O=t.indexOf(r,u=O+w),T=t.indexOf(e,u)}else if(-1!==T&&(T<O||-1===O))k.push(t.substring(u,T)),T=t.indexOf(e,u=T+p);else{if(-1===O)break;if(k.push(t.substring(u,O)),$(O+w),y&&(z(),c))return D();if(a&&m.length>=a)return D(!0)}else for(F=u,u++;;){if(-1===(F=t.indexOf(i,F+1)))return l||g.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:m.length,index:u}),N();if(F===d-1)return N(t.substring(u,F).replace(A,i));if(i!==h||t[F+1]!==h){if(i===h||0===F||t[F-1]!==h){-1!==T&&T<F+1&&(T=t.indexOf(e,F+1)),-1!==O&&O<F+1&&(O=t.indexOf(r,F+1));var R=S(-1===O?T:Math.min(T,O));if(t.substr(F+1+R,p)===e){k.push(t.substring(u,F).replace(A,i)),t[u=F+1+R+p]!==i&&(F=t.indexOf(i,u)),T=t.indexOf(e,u),O=t.indexOf(r,u);break}var I=S(O);if(t.substring(F+1+I,F+1+I+w)===r){if(k.push(t.substring(u,F).replace(A,i)),$(F+1+I+w),T=t.indexOf(e,u),F=t.indexOf(i,u),y&&(z(),c))return D();if(a&&m.length>=a)return D(!0);break}g.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:m.length,index:u}),F++}}else F++}return N();function M(t){m.push(t),x=u}function S(i){var e=0;if(-1!==i){var r=t.substring(F+1,i);r&&""===r.trim()&&(e=r.length)}return e}function N(i){return l||(void 0===i&&(i=t.substring(u)),k.push(i),u=d,M(k),y&&z()),D()}function $(i){u=i,M(k),k=[],O=t.indexOf(r,u)}function D(t){return{data:m,errors:g,meta:{delimiter:e,linebreak:r,aborted:c,truncated:!!t,cursor:x+(o||0)}}}function z(){n(D()),m=[],g=[]}},this.abort=function(){c=!0},this.getCharIndex=function(){return u}}function w(t){var i=t.data,e=s[i.workerId],r=!1;if(i.error)e.userError(i.error,i.file);else if(i.results&&i.results.data){var n={abort:function(){r=!0,b(i.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:y,resume:y};if(_(e.userStep)){for(var o=0;o<i.results.data.length&&(e.userStep({data:i.results.data[o],errors:i.results.errors,meta:i.results.meta},n),!r);o++);delete i.results}else _(e.userChunk)&&(e.userChunk(i.results,n,i.file),delete i.results)}i.finished&&!r&&b(i.workerId,i.results)}function b(t,i){var e=s[t];_(e.userComplete)&&e.userComplete(i),e.terminate(),delete s[t]}function y(){throw new Error("Not implemented.")}function m(t){if("object"!=typeof t||null===t)return t;var i=Array.isArray(t)?[]:{};for(var e in t)i[e]=m(t[e]);return i}function g(t,i){return function(){t.apply(i,arguments)}}function _(t){return"function"==typeof t}return r&&(i.onmessage=function(t){var e=t.data;if(void 0===o.WORKER_ID&&e&&(o.WORKER_ID=e.workerId),"string"==typeof e.input)i.postMessage({workerId:o.WORKER_ID,results:o.parse(e.input,e.config),finished:!0});else if(i.File&&e.input instanceof File||e.input instanceof Object){var r=o.parse(e.input,e.config);r&&i.postMessage({workerId:o.WORKER_ID,results:r,finished:!0})}}),(h.prototype=Object.create(f.prototype)).constructor=h,(u.prototype=Object.create(f.prototype)).constructor=u,(c.prototype=Object.create(c.prototype)).constructor=c,(l.prototype=Object.create(f.prototype)).constructor=l,o}()),c.exports);
 /* @license
 Papa Parse
 v5.3.2
 https://github.com/mholt/PapaParse
 License: MIT
-*/const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activate=e(this,"activate",7),this.errorMessage="File could not be loaded."}componentWillLoad(){this.updateTable()}componentDidLoad(){this.activate.emit(this.el)}async updateTable(){this.error=!1,this.loading=!0;try{const t=await fetch(this.file),i=l.parse(await t.text(),{dynamicTyping:!0,fastMode:!1,skipEmptyLines:!0});if(i.errors?.length>0)return this.error=!0,void(this.loading=!1);this.data=i.data,this.loading=!1}catch(t){this.loading=!1,this.error=!0}}render(){return r(s,{key:"7f79558b4ad0639bd583f978c5ff3572edc1dac3",class:"file-viewer-csv",exportparts:"file-viewer-csv__table"},this.error&&r("swirl-inline-error",{key:"abff8d90f20b5188bfa57242bedf65308c4d2de2",class:"file-viewer-csv__error",message:this.errorMessage}),r("div",{key:"19b009b76cc4a3323336afd891d50ce9e92bcb35",class:"file-viewer-csv__csv",tabIndex:0},r("table",{key:"a8c3bd1be42cd554c01084a37fce3f0400b48dd8",class:"file-viewer-csv__table",part:"file-viewer-csv__table"},r("tbody",{key:"333c2dd7a3dd68a5638fb1ccac6b93a3b17b1848"},this.data?.map(((t,i)=>r("tr",{class:"file-viewer-csv__row",key:`row-${i}`},t.map(((t,e)=>r("td",{class:"file-viewer-csv__cell",key:`cell-${i}-${e}`},t))))))))),this.loading&&r("div",{key:"6cd23ca9a5841d1fac4cb1ac6d2bb0cd14b69bad",class:"file-viewer-csv__spinner"},r("swirl-spinner",{key:"902fce9af61f430b998f0aebdef24f07373847f2"})))}get el(){return this}static get watchers(){return{file:[{updateTable:0}]}}static get style(){return":host{position:relative;display:inline-flex;width:100%;max-height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-csv__csv{overflow:auto;width:100%;max-height:100%;padding:var(--s-space-16);background-color:var(--s-background-default)}.file-viewer-csv__table{margin-right:auto;margin-left:auto;border-collapse:collapse;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-viewer-csv__table{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-viewer-csv__cell{padding:var(--s-space-8);border:var(--s-border-width-default) solid var(--s-border-default)}.file-viewer-csv__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-csv__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}"}},[1,"swirl-file-viewer-csv",{errorMessage:[1,"error-message"],file:[1],data:[32],error:[32],loading:[32]},void 0,{file:[{updateTable:0}]}]);function v(){"undefined"!=typeof customElements&&["swirl-file-viewer-csv","swirl-icon-error","swirl-inline-error","swirl-spinner","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-file-viewer-csv":customElements.get(n(t))||customElements.define(n(t),d);break;case"swirl-icon-error":customElements.get(n(t))||o();break;case"swirl-inline-error":customElements.get(n(t))||a();break;case"swirl-spinner":customElements.get(n(t))||f();break;case"swirl-visually-hidden":customElements.get(n(t))||h()}}))}export{d as S,v as d}
+*/const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activate=e(this,"activate",7),this.errorMessage="File could not be loaded."}componentWillLoad(){this.updateTable()}componentDidLoad(){this.activate.emit(this.el)}async updateTable(){this.error=!1,this.loading=!0;try{const t=await fetch(this.file),i=l.parse(await t.text(),{dynamicTyping:!0,fastMode:!1,skipEmptyLines:!0});if(i.errors?.length>0)return this.error=!0,void(this.loading=!1);this.data=i.data,this.loading=!1}catch(t){this.loading=!1,this.error=!0}}render(){return r(s,{key:"1fe0b24a60be1462b3f120a4080ded8b1d696ef2",class:"file-viewer-csv",exportparts:"file-viewer-csv__table"},this.error&&r("swirl-inline-error",{key:"669fd4e9eccc2700af0731b41d7cb5b488086383",class:"file-viewer-csv__error",message:this.errorMessage}),r("div",{key:"c2426ae9c0c7b9d995f78581fddb2e942f65ec22",class:"file-viewer-csv__csv",tabIndex:0},r("table",{key:"8704def2658f3c801e78f7a754e1376091cc7d3a",class:"file-viewer-csv__table",part:"file-viewer-csv__table"},r("tbody",{key:"98762df2bf9edac199d805eafa21e37118c4059c"},this.data?.map(((t,i)=>r("tr",{class:"file-viewer-csv__row",key:`row-${i}`},t.map(((t,e)=>r("td",{class:"file-viewer-csv__cell",key:`cell-${i}-${e}`},t))))))))),this.loading&&r("div",{key:"e62a625c69822f933958b01802e6db188e490e53",class:"file-viewer-csv__spinner"},r("swirl-spinner",{key:"fd057f89810b643d1b1ef8bbee837ac75ee9e652"})))}get el(){return this}static get watchers(){return{file:[{updateTable:0}]}}static get style(){return":host{position:relative;display:inline-flex;width:100%;max-height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-csv__csv{overflow:auto;width:100%;max-height:100%;padding:var(--s-space-16);background-color:var(--s-background-default)}.file-viewer-csv__table{margin-right:auto;margin-left:auto;border-collapse:collapse;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-viewer-csv__table{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-viewer-csv__cell{padding:var(--s-space-8);border:var(--s-border-width-default) solid var(--s-border-default)}.file-viewer-csv__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-csv__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}"}},[1,"swirl-file-viewer-csv",{errorMessage:[1,"error-message"],file:[1],data:[32],error:[32],loading:[32]},void 0,{file:[{updateTable:0}]}]);function v(){"undefined"!=typeof customElements&&["swirl-file-viewer-csv","swirl-icon-error","swirl-inline-error","swirl-spinner","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-file-viewer-csv":customElements.get(n(t))||customElements.define(n(t),d);break;case"swirl-icon-error":customElements.get(n(t))||o();break;case"swirl-inline-error":customElements.get(n(t))||a();break;case"swirl-spinner":customElements.get(n(t))||f();break;case"swirl-visually-hidden":customElements.get(n(t))||h()}}))}export{d as S,v as d}

package/dist/components/swirl-file-viewer-fallback2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as l,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./swirl-button2.js";import{d as c}from"./swirl-icon-file2.js";import{d as n}from"./swirl-stack2.js";import{d as r}from"./swirl-text2.js";const f=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.activate=t(this,"activate",7),this.download=t(this,"download",7),this.downloadButtonLabel="Download",this.onDownload=e=>{e.preventDefault(),this.download.emit()}}componentDidLoad(){this.activate.emit(this.el)}render(){return s(l,{key:"~~2e370cc3e6ce6eab0c923665adf262f3725ea033~~",class:"file-viewer-fallback"},s("swirl-stack",{key:"~~ca82fb6f3a991485f03ad3943258ea27a2f3a768~~",align:"center",height:"100%",justify:"center",spacing:"16"},s("swirl-icon-file",{key:"~~54e87b3d9c7c7cb452010ce648023b0f3669e929~~",class:"file-viewer-fallback__icon",color:"on-image",size:28}),this.fileName&&s("swirl-text",{key:"~~9c1d9540b977bf7eafdcb8809651ac98f4ff92e7~~",color:"on-image",size:"lg",weight:"medium"},this.fileName),!this.disableDownload&&s("swirl-button",{key:"~~f421bf4fe84325d624db9fce267323c37c69064b~~",download:this.fileName,href:this.file,icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownload,variant:"on-image"})))}get el(){return this}static get style(){return":host{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-fallback__icon::part(icon){height:2.875rem;width:2.875rem}"}},[1,"swirl-file-viewer-fallback",{disableDownload:[4,"disable-download"],downloadButtonLabel:[1,"download-button-label"],fileName:[1,"file-name"],file:[1]}]);function d(){"undefined"!=typeof customElements&&["swirl-file-viewer-fallback","swirl-button","swirl-icon-file","swirl-stack","swirl-text"].forEach((e=>{switch(e){case"swirl-file-viewer-fallback":customElements.get(a(e))\|\|customElements.define(a(e),f);break;case"swirl-button":customElements.get(a(e))\|\|o();break;case"swirl-icon-file":customElements.get(a(e))\|\|c();break;case"swirl-stack":customElements.get(a(e))\|\|n();break;case"swirl-text":customElements.get(a(e))\|\|r()}}))}export{f as S,d}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as l,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./swirl-button2.js";import{d as n}from"./swirl-icon-file2.js";import{d as r}from"./swirl-stack2.js";import{d as c}from"./swirl-text2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.activate=t(this,"activate",7),this.download=t(this,"download",7),this.downloadButtonLabel="Download",this.onDownload=e=>{e.preventDefault(),this.download.emit()}}componentDidLoad(){this.activate.emit(this.el)}render(){return s(l,{key:"2962e777af125ac251243605754a35cb9a02ed3c",class:"file-viewer-fallback"},s("swirl-stack",{key:"543b39d13475c9e21232314e9ee9d34c846254ba",align:"center",height:"100%",justify:"center",spacing:"16"},s("swirl-icon-file",{key:"30b82182ed65935f66e14a87061f391ba98991d1",class:"file-viewer-fallback__icon",color:"on-image",size:28}),this.fileName&&s("swirl-text",{key:"3aa57bd63be09954ed5c0ead758f534d2d6d4897",color:"on-image",size:"lg",weight:"medium"},this.fileName),!this.disableDownload&&s("swirl-button",{key:"39a1e6108903f5db02152750d3fb71a03620e096",download:this.fileName,href:this.file,icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownload,variant:"on-image"})))}get el(){return this}static get style(){return":host{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-fallback__icon::part(icon){height:2.875rem;width:2.875rem}"}},[1,"swirl-file-viewer-fallback",{disableDownload:[4,"disable-download"],downloadButtonLabel:[1,"download-button-label"],fileName:[1,"file-name"],file:[1]}]);function w(){"undefined"!=typeof customElements&&["swirl-file-viewer-fallback","swirl-button","swirl-icon-file","swirl-stack","swirl-text"].forEach((e=>{switch(e){case"swirl-file-viewer-fallback":customElements.get(a(e))\|\|customElements.define(a(e),d);break;case"swirl-button":customElements.get(a(e))\|\|o();break;case"swirl-icon-file":customElements.get(a(e))\|\|n();break;case"swirl-stack":customElements.get(a(e))\|\|r();break;case"swirl-text":customElements.get(a(e))\|\|c()}}))}export{d as S,w as d}

package/dist/components/swirl-file-viewer-image2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,Host as h,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{d as a}from"./swirl-icon-error2.js";import{d as n}from"./swirl-inline-error2.js";import{d as l}from"./swirl-spinner2.js";import{d as c}from"./swirl-visually-hidden2.js";const d=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.activate=s(this,"activate",7),this.description="",this.errorMessage="File could not be loaded.",this.maxZoom=3,this.loading=!0,this.transformed=!1,this.panX=0,this.panY=0,this.zoom=1,this.onError=()=>{this.error=!0,this.loading=!1},this.onLoad=()=>{this.error=!1,this.loading=!1},this.onDblClick=i=>{this.clickToZoom(i)},this.onWheel=i=>{i.preventDefault();const t=Math.min(Math.max(1,this.zoom+-1i.deltaY/100),this.maxZoom);t!==this.zoom&&(this.updateTransformOrigin(i.offsetX,i.offsetY),this.updateZoomAndPan(t,0,0))},this.onPointerDown=i=>{this.startPan(i)},this.onPointerMove=i=>{this.pan(i)},this.onPointerUp=()=>{this.endPan()},this.onTouchStart=i=>{i.preventDefault(),2===i.touches.length&&this.startPinchToZoom(i)},this.onTouchMove=i=>{i.preventDefault(),this.pinching&&this.pinchToZoom(i)},this.onTouchEnd=i=>{i.preventDefault(),this.pinching&&this.endPinchToZoom()},this.startPinchToZoom=i=>{Boolean(this.imageEl)&&(this.pinchDistance=this.getPinchDistance(i),this.pinching=!0)},this.pinchToZoom=i=>{const t=this.getPinchDistance(i)-this.pinchDistance,s=Math.min(Math.max(1,this.zoom+t/100),this.maxZoom);this.zoom!==s&&(this.pinchDistance=this.getPinchDistance(i),this.updateZoomAndPan(s))},this.endPinchToZoom=()=>{this.pinching=!1,Math.abs(this.zoom-1)<.2&&(this.zoom=1,this.imageEl.style.transform="")},this.getPinchDistance=i=>Math.hypot(i.touches[0].pageX-i.touches[1].pageX,i.touches[0].pageY-i.touches[1].pageY),this.clickToZoom=i=>{if(!(navigator.maxTouchPoints>1))if(1===this.zoom){const t=i.pageX-this.el.getBoundingClientRect().x,s=i.pageY-this.el.getBoundingClientRect().y;this.updateTransformOrigin(t,s),this.updateZoomAndPan(2)}else this.updateZoomAndPan(1)},this.updateZoomAndPan=(i,t,s)=>{const e=void 0===i?this.zoom:i,h=e-this.zoom,r=void 0===t?this.panX+this.panXh:t,o=void 0===t?this.panY+this.panYh:s,a=this.panX,n=this.panY;this.zoom=e,this.panX=r,this.panY=o;const l=(this.el.parentElement\|\|this.el).getBoundingClientRect(),c=this.imageEl.getBoundingClientRect(),d=c.bottom<l.bottom&&o<n\|\|c.top>l.top&&o>n;(c.right<l.right&&r<a\|\|c.left>l.left&&r>a)&&(this.panX=a),d&&(this.panY=n),1===this.zoom&&(this.panX=0,this.panY=0),this.imageEl.style.transform=`matrix(${this.zoom}, 0, 0, ${this.zoom}, ${this.panX}, ${this.panY})`;const m=1!==this.zoom\|\|0!==this.panX\|\|0!==this.panY;m!==this.transformed&&(this.transformed=m)},this.updateTransformOrigin=(i,t)=>{this.transformOriginX=i,this.transformOriginY=t,this.imageEl.style.transformOrigin=`${this.transformOriginX}px ${this.transformOriginY}px`},this.startPan=i=>{this.panning=!0,this.previousScreenX=i.screenX,this.previousScreenY=i.screenY},this.pan=i=>{const t=this.previousScreenX\|\|0,s=this.previousScreenY\|\|0;this.previousScreenX=i.screenX,this.previousScreenY=i.screenY,this.panning&&!this.pinching&&(i.preventDefault(),this.updateZoomAndPan(this.zoom,this.panX+i.screenX-t,this.panY+i.screenY-s))},this.endPan=()=>{this.panning=!1},this.onImageElementUpdate=i=>{this.imageEl?.removeEventListener("load",this.onLoad),this.imageEl?.removeEventListener("error",this.onError),this.imageEl=i,this.imageEl&&(this.imageEl.addEventListener("load",this.onLoad),this.imageEl.addEventListener("error",this.onError))}}componentDidLoad(){this.activate.emit(this.el)}disconnectedCallback(){this.imageEl?.removeEventListener("load",this.onLoad),this.imageEl?.removeEventListener("error",this.onError)}watchFile(){this.error=!1,this.loading=!0}async getZoom(){return this.zoom}async resetZoom(){return this.updateZoomAndPan(1)}render(){const i=!!this.el.querySelector('[slot="watermark"]'),t=o("file-viewer-image",{"file-viewer-image--show-watermark":i&&!this.transformed&&!this.loading});return e(h,{key:"~~a8690e963c2709a36832af2d176e0c4c17366fb0~~",onDblClick:this.onDblClick,onWheel:this.onWheel,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd},this.error&&e("swirl-inline-error",{key:"~~aac83fb7ea2aedd3c42ea69798f0dad933ade001~~",class:"file-viewer-image__error",message:this.errorMessage}),e("figure",{key:"~~e628b28fed9d2d8a432906d0fd8bd826d1e864bf~~",class:t},e("span",{key:"~~d47af5d9888865b6c1ce2406b084711dea08014f~~",class:"file-viewer-image__container"},e("img",{key:"~~88577ca0dc1597ddef0f494d2d434bb283bf5548~~",alt:this.description,class:"file-viewer-image__image",ref:this.onImageElementUpdate,src:this.file}),e("span",{key:"~~52cb0db7d81ca15b1782b9c33cb76b6f3d7c1b25~~",class:"file-viewer-image__watermark"},e("slot",{key:"~~a8f0ac9315c40337a6fa0dd58a200235920e86d8~~",name:"watermark"}))),this.loading&&e("div",{key:"~~ec6f2334cbc67842d974522a10b6f4b9e911cd59~~",class:"file-viewer-image__spinner"},e("swirl-spinner",{key:"~~140fd2a3576c497d6ddc4c17d372c280c30cb2b6~~"}))))}get el(){return this}static get watchers(){return{file:[{watchFile:0}]}}static get style(){return":host{position:relative;display:inline-flex;max-height:100%;pointer-events:none}:host {box-sizing:border-box}.file-viewer-image{display:inline-flex;margin:0;justify-content:center}.file-viewer-image--show-watermark .file-viewer-image__watermark{display:inline-flex}.file-viewer-image__container{position:relative;display:flex;max-width:100%}.file-viewer-image__image{max-width:100%;pointer-events:auto;-o-object-fit:contain;object-fit:contain}.file-viewer-image__watermark{position:absolute;z-index:1;top:var(--s-space-12);right:var(--s-space-12);display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.file-viewer-image__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.file-viewer-image__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-image__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}"}},[257,"swirl-file-viewer-image",{description:[1],errorMessage:[1,"error-message"],file:[1],maxZoom:[2,"max-zoom"],error:[32],loading:[32],transformed:[32],getZoom:[64],resetZoom:[64]},void 0,{file:[{watchFile:0}]}]);function m(){"undefined"!=typeof customElements&&["swirl-file-viewer-image","swirl-icon-error","swirl-inline-error","swirl-spinner","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-file-viewer-image":customElements.get(r(i))\|\|customElements.define(r(i),d);break;case"swirl-icon-error":customElements.get(r(i))\|\|a();break;case"swirl-inline-error":customElements.get(r(i))\|\|n();break;case"swirl-spinner":customElements.get(r(i))\|\|l();break;case"swirl-visually-hidden":customElements.get(r(i))\|\|c()}}))}export{d as S,~~m as~~ d}
1	+ import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,Host as h,transformTag as r}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{d as o}from"./swirl-icon-error2.js";import{d as n}from"./swirl-inline-error2.js";import{d as l}from"./swirl-spinner2.js";import{d as c}from"./swirl-visually-hidden2.js";const m=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.activate=s(this,"activate",7),this.description="",this.errorMessage="File could not be loaded.",this.maxZoom=3,this.loading=!0,this.transformed=!1,this.panX=0,this.panY=0,this.zoom=1,this.onError=()=>{this.error=!0,this.loading=!1},this.onLoad=()=>{this.error=!1,this.loading=!1},this.onDblClick=i=>{this.clickToZoom(i)},this.onWheel=i=>{i.preventDefault();const t=Math.min(Math.max(1,this.zoom+-1i.deltaY/100),this.maxZoom);t!==this.zoom&&(this.updateTransformOrigin(i.offsetX,i.offsetY),this.updateZoomAndPan(t,0,0))},this.onPointerDown=i=>{this.startPan(i)},this.onPointerMove=i=>{this.pan(i)},this.onPointerUp=()=>{this.endPan()},this.onTouchStart=i=>{i.preventDefault(),2===i.touches.length&&this.startPinchToZoom(i)},this.onTouchMove=i=>{i.preventDefault(),this.pinching&&this.pinchToZoom(i)},this.onTouchEnd=i=>{i.preventDefault(),this.pinching&&this.endPinchToZoom()},this.startPinchToZoom=i=>{Boolean(this.imageEl)&&(this.pinchDistance=this.getPinchDistance(i),this.pinching=!0)},this.pinchToZoom=i=>{const t=this.getPinchDistance(i)-this.pinchDistance,s=Math.min(Math.max(1,this.zoom+t/100),this.maxZoom);this.zoom!==s&&(this.pinchDistance=this.getPinchDistance(i),this.updateZoomAndPan(s))},this.endPinchToZoom=()=>{this.pinching=!1,Math.abs(this.zoom-1)<.2&&(this.zoom=1,this.imageEl.style.transform="")},this.getPinchDistance=i=>Math.hypot(i.touches[0].pageX-i.touches[1].pageX,i.touches[0].pageY-i.touches[1].pageY),this.clickToZoom=i=>{if(!(navigator.maxTouchPoints>1))if(1===this.zoom){const t=i.pageX-this.el.getBoundingClientRect().x,s=i.pageY-this.el.getBoundingClientRect().y;this.updateTransformOrigin(t,s),this.updateZoomAndPan(2)}else this.updateZoomAndPan(1)},this.updateZoomAndPan=(i,t,s)=>{const e=void 0===i?this.zoom:i,h=e-this.zoom,r=void 0===t?this.panX+this.panXh:t,a=void 0===t?this.panY+this.panYh:s,o=this.panX,n=this.panY;this.zoom=e,this.panX=r,this.panY=a;const l=(this.el.parentElement\|\|this.el).getBoundingClientRect(),c=this.imageEl.getBoundingClientRect(),m=c.bottom<l.bottom&&a<n\|\|c.top>l.top&&a>n;(c.right<l.right&&r<o\|\|c.left>l.left&&r>o)&&(this.panX=o),m&&(this.panY=n),1===this.zoom&&(this.panX=0,this.panY=0),this.imageEl.style.transform=`matrix(${this.zoom}, 0, 0, ${this.zoom}, ${this.panX}, ${this.panY})`;const d=1!==this.zoom\|\|0!==this.panX\|\|0!==this.panY;d!==this.transformed&&(this.transformed=d)},this.updateTransformOrigin=(i,t)=>{this.transformOriginX=i,this.transformOriginY=t,this.imageEl.style.transformOrigin=`${this.transformOriginX}px ${this.transformOriginY}px`},this.startPan=i=>{this.panning=!0,this.previousScreenX=i.screenX,this.previousScreenY=i.screenY},this.pan=i=>{const t=this.previousScreenX\|\|0,s=this.previousScreenY\|\|0;this.previousScreenX=i.screenX,this.previousScreenY=i.screenY,this.panning&&!this.pinching&&(i.preventDefault(),this.updateZoomAndPan(this.zoom,this.panX+i.screenX-t,this.panY+i.screenY-s))},this.endPan=()=>{this.panning=!1},this.onImageElementUpdate=i=>{this.imageEl?.removeEventListener("load",this.onLoad),this.imageEl?.removeEventListener("error",this.onError),this.imageEl=i,this.imageEl&&(this.imageEl.addEventListener("load",this.onLoad),this.imageEl.addEventListener("error",this.onError))}}componentDidLoad(){this.activate.emit(this.el)}disconnectedCallback(){this.imageEl?.removeEventListener("load",this.onLoad),this.imageEl?.removeEventListener("error",this.onError)}watchFile(){this.error=!1,this.loading=!0}async getZoom(){return this.zoom}async resetZoom(){return this.updateZoomAndPan(1)}render(){const i=!!this.el.querySelector('[slot="watermark"]'),t=a("file-viewer-image",{"file-viewer-image--show-watermark":i&&!this.transformed&&!this.loading});return e(h,{key:"f24e3fc22f41aadf002f509ef973653976acdcb9",onDblClick:this.onDblClick,onWheel:this.onWheel,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd},this.error&&e("swirl-inline-error",{key:"91e8cf2b6576a91216e70a4f5def76bd63890d1a",class:"file-viewer-image__error",message:this.errorMessage}),e("figure",{key:"5c5a8c421d1abb419276c0ddbfec90ac71e9d454",class:t},e("span",{key:"b937e54042af60bb11247bd42a9a4c5e0d6be117",class:"file-viewer-image__container"},e("img",{key:"f056b3e8574d780a7058ee2a4a794062843bf062",alt:this.description,class:"file-viewer-image__image",ref:this.onImageElementUpdate,src:this.file}),e("span",{key:"bb3524a5baf3676fcca91ced6eb4ccf48902b87b",class:"file-viewer-image__watermark"},e("slot",{key:"94d578713fd61a82d282e1c044e60d2d949504c8",name:"watermark"}))),this.loading&&e("div",{key:"b76489f116c4d5b898294ac980022528d20e0e65",class:"file-viewer-image__spinner"},e("swirl-spinner",{key:"6f487ccdcb60aa26d6f55c4285085d7d4adf5d17"}))))}get el(){return this}static get watchers(){return{file:[{watchFile:0}]}}static get style(){return":host{position:relative;display:inline-flex;max-height:100%;pointer-events:none}:host {box-sizing:border-box}.file-viewer-image{display:inline-flex;margin:0;justify-content:center}.file-viewer-image--show-watermark .file-viewer-image__watermark{display:inline-flex}.file-viewer-image__container{position:relative;display:flex;max-width:100%}.file-viewer-image__image{max-width:100%;pointer-events:auto;-o-object-fit:contain;object-fit:contain}.file-viewer-image__watermark{position:absolute;z-index:1;top:var(--s-space-12);right:var(--s-space-12);display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.file-viewer-image__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.file-viewer-image__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-image__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}"}},[257,"swirl-file-viewer-image",{description:[1],errorMessage:[1,"error-message"],file:[1],maxZoom:[2,"max-zoom"],error:[32],loading:[32],transformed:[32],getZoom:[64],resetZoom:[64]},void 0,{file:[{watchFile:0}]}]);function d(){"undefined"!=typeof customElements&&["swirl-file-viewer-image","swirl-icon-error","swirl-inline-error","swirl-spinner","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-file-viewer-image":customElements.get(r(i))\|\|customElements.define(r(i),m);break;case"swirl-icon-error":customElements.get(r(i))\|\|o();break;case"swirl-inline-error":customElements.get(r(i))\|\|n();break;case"swirl-spinner":customElements.get(r(i))\|\|l();break;case"swirl-visually-hidden":customElements.get(r(i))\|\|c()}}))}export{m as S,d}