npm - @getflip/swirl-components - Versions diffs - 0.3.0 → 0.4.0 - Mend

@getflip/swirl-components 0.3.0 → 0.4.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 (284) hide show

package/dist/cjs/flip-radio-group.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-72831c5f.js');
-const flipRadioGroupCss = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-4)}";
+const flipRadioGroupCss = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}";
 const FlipRadioGroup = class {
   constructor(hostRef) {

package/dist/cjs/flip-radio-group.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"flip-radio-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,~~mMAAmM~~;;~~MCsBhN~~,cAAc;;;;;EAUzB,gBAAgB;IACd,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IACvE,IAAI,CAAC,SAAS,EAAE,CAAC;IACjB,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAC3B;EAEO,SAAS;IACf,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;MAC5B,OAAO;KACR;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAC3C,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CACtC,CAAC;IAEF,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;MAC5B,OAAO;KACR;IAED,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;GAC/B;EAEO,kBAAkB;IACxB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;MAC5D,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE;QACpC,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;UACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;UACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;UAEzB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;cACrB,OAAO;aACR;YAED,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;WACnB,CAAC,CAAC;SACJ;OACF,CAAC,CAAC;KACJ;GACF;EAED,MAAM;IACJ,QACEA,QAACC,UAAI,wBAAmB,IAAI,CAAC,mBAAmB,EAAE,IAAI,EAAC,YAAY,IACjED,iBAAK,KAAK,EAAC,aAAa,IACtBA,qBAAa,CACT,CACD,EACP;GACH;;;;;;;","names":["h","Host"],"sources":["./src/components/flip-radio-group/flip-radio-group.css?tag=flip-radio-group&encapsulation=scoped","./src/components/flip-radio-group/flip-radio-group.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.radio-group {\n display: flex;\n flex-direction: column;\n gap: var(--s-space-4);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from \"@stencil/core\";\n\n@Component({\n /*\n Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-radio-group.css\",\n tag: \"flip-radio-group\",\n})\nexport class FlipRadioGroup {\n @Element() el: HTMLElement;\n\n @Prop() flipAriaDescribedby?: string;\n @Prop({ mutable: true, reflect: true }) value?: string;\n\n @Event() valueChange: EventEmitter<string>;\n\n private radioButtons: HTMLFlipRadioElement[];\n\n componentDidLoad() {\n this.radioButtons = Array.from(this.el.querySelectorAll(\"flip-radio\"));\n this.initValue();\n this.handleValueChanges();\n }\n\n private initValue() {\n if (this.value === undefined) {\n return;\n }\n\n const radioWithValue = this.radioButtons.find(\n (radio) => radio.value === this.value\n );\n\n if (!Boolean(radioWithValue)) {\n return;\n }\n\n radioWithValue.checked = true;\n }\n\n private handleValueChanges() {\n for (const [key, radio] of Object.entries(this.radioButtons)) {\n radio.addEventListener(\"valueChange\", () => {\n if (radio.checked === true \|\| radio.checked === \"true\") {\n this.valueChange.emit(radio.value);\n this.value = radio.value;\n\n this.radioButtons.forEach((r, k) => {\n if (String(k) === key) {\n return;\n }\n\n r.checked = false;\n });\n }\n });\n }\n }\n\n render() {\n return (\n <Host aria-describedby={this.flipAriaDescribedby} role=\"radiogroup\">\n <div class=\"radio-group\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"flip-radio-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,oMAAoM;;MCsBjN,cAAc;;;;;EAUzB,gBAAgB;IACd,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IACvE,IAAI,CAAC,SAAS,EAAE,CAAC;IACjB,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAC3B;EAEO,SAAS;IACf,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;MAC5B,OAAO;KACR;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAC3C,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CACtC,CAAC;IAEF,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;MAC5B,OAAO;KACR;IAED,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;GAC/B;EAEO,kBAAkB;IACxB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;MAC5D,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE;QACpC,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;UACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;UACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;UAEzB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;cACrB,OAAO;aACR;YAED,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;WACnB,CAAC,CAAC;SACJ;OACF,CAAC,CAAC;KACJ;GACF;EAED,MAAM;IACJ,QACEA,QAACC,UAAI,wBAAmB,IAAI,CAAC,mBAAmB,EAAE,IAAI,EAAC,YAAY,IACjED,iBAAK,KAAK,EAAC,aAAa,IACtBA,qBAAa,CACT,CACD,EACP;GACH;;;;;;;","names":["h","Host"],"sources":["./src/components/flip-radio-group/flip-radio-group.css?tag=flip-radio-group&encapsulation=scoped","./src/components/flip-radio-group/flip-radio-group.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.radio-group {\n display: flex;\n flex-direction: column;\n gap: var(--s-space-12);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from \"@stencil/core\";\n\n@Component({\n /*\n Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-radio-group.css\",\n tag: \"flip-radio-group\",\n})\nexport class FlipRadioGroup {\n @Element() el: HTMLElement;\n\n @Prop() flipAriaDescribedby?: string;\n @Prop({ mutable: true, reflect: true }) value?: string;\n\n @Event() valueChange: EventEmitter<string>;\n\n private radioButtons: HTMLFlipRadioElement[];\n\n componentDidLoad() {\n this.radioButtons = Array.from(this.el.querySelectorAll(\"flip-radio\"));\n this.initValue();\n this.handleValueChanges();\n }\n\n private initValue() {\n if (this.value === undefined) {\n return;\n }\n\n const radioWithValue = this.radioButtons.find(\n (radio) => radio.value === this.value\n );\n\n if (!Boolean(radioWithValue)) {\n return;\n }\n\n radioWithValue.checked = true;\n }\n\n private handleValueChanges() {\n for (const [key, radio] of Object.entries(this.radioButtons)) {\n radio.addEventListener(\"valueChange\", () => {\n if (radio.checked === true \|\| radio.checked === \"true\") {\n this.valueChange.emit(radio.value);\n this.value = radio.value;\n\n this.radioButtons.forEach((r, k) => {\n if (String(k) === key) {\n return;\n }\n\n r.checked = false;\n });\n }\n });\n }\n }\n\n render() {\n return (\n <Host aria-describedby={this.flipAriaDescribedby} role=\"radiogroup\">\n <div class=\"radio-group\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/flip-radio.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-72831c5f.js');
 const index$1 = require('./index-b8470262.js');
 require('./_commonjsHelpers-a5111d61.js');
-const flipRadioCss = ".sc-flip-radio-h{display:inline-flex}.sc-flip-radio-h *.sc-flip-radio{box-sizing:border-box}.radio.sc-flip-radio{display:inline-flex;cursor:pointer;line-height:var(--s-line-height-base)}.radio.sc-flip-radio:focus-within .radio__box.sc-flip-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-flip-radio .radio__box.sc-flip-radio,.radio--invalid.radio--indeterminate.sc-flip-radio .radio__box.sc-flip-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-flip-radio{cursor:default}.radio--disabled.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:transparent}.radio--disabled.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);backround-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__description.sc-flip-radio,.radio--disabled.sc-flip-radio .radio__label.sc-flip-radio{color:var(--s-text-disabled)}.radio__control.sc-flip-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:var(--s-action-neutral-hovered)}.radio__box.sc-flip-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-flip-radio{display:inline-flex;margin-left:var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-flip-radio{font-weight:var(--s-font-weight-medium)}.radio__description.sc-flip-radio{color:var(--s-text-subdued)}";
+const flipRadioCss = ".sc-flip-radio-h{display:inline-flex}.sc-flip-radio-h *.sc-flip-radio{box-sizing:border-box}.radio.sc-flip-radio{display:inline-flex;cursor:pointer;line-height:var(--s-line-height-base)}.radio.sc-flip-radio:focus-within .radio__box.sc-flip-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-flip-radio .radio__box.sc-flip-radio,.radio--invalid.radio--indeterminate.sc-flip-radio .radio__box.sc-flip-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-flip-radio{cursor:default}.radio--disabled.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:transparent}.radio--disabled.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);backround-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__description.sc-flip-radio,.radio--disabled.sc-flip-radio .radio__label.sc-flip-radio{color:var(--s-text-disabled)}.radio__control.sc-flip-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:var(--s-action-neutral-hovered)}.radio__box.sc-flip-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-flip-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-flip-radio{font-weight:var(--s-font-weight-medium)}.radio__description.sc-flip-radio{color:var(--s-text-subdued)}";
 const FlipRadio = class {
   constructor(hostRef) {

package/dist/cjs/flip-radio.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"flip-radio.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,YAAY,GAAG,~~0vFAA0vF~~;;~~MCiBlwF~~,SAAS;EAZtB;;;IAa2B,YAAO,GAAoB,KAAK,CAAC;IAElD,aAAQ,GAAa,KAAK,CAAC;IAS3B,aAAQ,GAAG;MACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;MACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC,CAAC;GA8CH;EA5CC,MAAM;IACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC;IAEjE,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1E,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;IAEjC,MAAM,SAAS,GAAGA,kBAAU,CAAC,OAAO,EAAE;MACpC,gBAAgB,EAAE,OAAO;MACzB,iBAAiB,EAAE,IAAI,CAAC,QAAQ;MAChC,gBAAgB,EAAE,IAAI,CAAC,OAAO;MAC9B,kBAAkB,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,QACEC,QAACC,UAAI,QACHD,mBAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5CA,kBAAM,KAAK,EAAC,gBAAgB,IAC1BA,sCACEA,mCACgB,gBAAgB,kBAChB,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACmB,EACvBA,iCAAkB,MAAM,EAAC,KAAK,EAAC,YAAY,GAAQ,CAC9C,EACPA,kBAAM,KAAK,EAAC,wBAAwB,IACjC,IAAI,CAAC,KAAK,IAAIA,kBAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC5D,IAAI,CAAC,WAAW,KACfA,kBAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC3D,CACI,CACD,CACH,EACP;GACH;;;;;;","names":["classnames","h","Host"],"sources":["./src/components/flip-radio/flip-radio.css?tag=flip-radio&encapsulation=scoped","./src/components/flip-radio/flip-radio.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.radio {\n display: inline-flex;\n cursor: pointer;\n line-height: var(--s-line-height-base);\n\n &:focus-within .radio__box {\n box-shadow: 0 0 0 0.0625rem var(--s-background-default),\n 0 0 0 0.1875rem var(--s-focus-default);\n }\n}\n\n.radio--checked {\n & .radio__control {\n &:hover {\n & .radio__box {\n border-color: var(--s-interactive-primary-hovered);\n background-color: var(--s-interactive-primary-hovered);\n }\n }\n }\n\n & .radio__box {\n position: relative;\n border-color: var(--s-icon-highlight);\n background-color: var(--s-icon-highlight);\n\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background-color: var(--s-background-default);\n content: \"\";\n transform: translate3d(-50%, -50%, 0);\n }\n }\n}\n\n.radio--invalid {\n &.radio--checked,\n &.radio--indeterminate {\n & .radio__box {\n background-color: var(--s-icon-critical);\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-critical);\n }\n}\n\n.radio--disabled {\n cursor: default;\n\n &.radio--checked {\n & .radio__control {\n &:hover {\n & .radio__box {\n border-color: var(--s-icon-disabled);\n background-color: transparent;\n }\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-disabled);\n background-color: var(--s-background-default);\n\n &:after {\n background-color: var(--s-icon-disabled);\n }\n }\n }\n\n & .radio__control {\n &:hover {\n & .radio__box {\n background-color: transparent;\n }\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-disabled);\n backround-color: var(--s-icon-disabled);\n }\n\n & .radio__description,\n & .radio__label {\n color: var(--s-text-disabled);\n }\n}\n\n.radio__control {\n position: relative;\n display: inline-flex;\n width: 1.5rem;\n height: 1.5rem;\n padding: var(--s-space-2);\n flex-shrink: 0;\n\n &:hover {\n & .radio__box {\n background-color: var(--s-action-neutral-hovered);\n }\n }\n}\n\n.radio__box {\n position: relative;\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n border: 0.125rem solid var(--s-icon-default);\n border-radius: 50%;\n}\n\n.radio__label-container {\n display: inline-flex;\n margin-left: var(--s-space-12);\n padding-top: var(--s-space-2);\n flex-direction: column;\n}\n\n.radio__label {\n font-weight: var(--s-font-weight-medium);\n}\n\n.radio__description {\n color: var(--s-text-subdued);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipRadioState = boolean \| \"true\" \| \"false\";\n\n@Component({\n /*\n Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-radio.css\",\n tag: \"flip-radio\",\n})\nexport class FlipRadio {\n @Prop({ mutable: true }) checked?: FlipRadioState = false;\n @Prop() description?: string;\n @Prop() disabled?: boolean = false;\n @Prop() inputId!: string;\n @Prop() inputName!: string;\n @Prop() invalid?: boolean;\n @Prop() label?: string;\n @Prop() value!: string;\n\n @Event() valueChange: EventEmitter<string>;\n\n private onChange = () => {\n this.checked = true;\n this.valueChange.emit(this.value);\n };\n\n render() {\n const unchecked = this.checked === false \|\| this.checked === \"false\";\n const checked = this.checked === true \|\| this.checked === \"true\";\n\n const ariaCheckedLabel = checked ? \"true\" : unchecked ? \"false\" : \"mixed\";\n const ariaInvalid = this.invalid;\n\n const className = classnames(\"radio\", {\n \"radio--checked\": checked,\n \"radio--disabled\": this.disabled,\n \"radio--invalid\": this.invalid,\n \"radio--unchecked\": unchecked,\n });\n\n return (\n <Host>\n <label class={className} htmlFor={this.inputId}>\n <span class=\"radio__control\">\n <flip-visually-hidden>\n <input\n aria-checked={ariaCheckedLabel}\n aria-invalid={ariaInvalid}\n checked={checked}\n class=\"radio__input\"\n disabled={this.disabled}\n id={this.inputId}\n name={this.inputName}\n onChange={this.onChange}\n type=\"radio\"\n value={this.value}\n />\n </flip-visually-hidden>\n <span aria-hidden=\"true\" class=\"radio__box\"></span>\n </span>\n <span class=\"radio__label-container\">\n {this.label && <span class=\"radio__label\">{this.label}</span>}\n {this.description && (\n <span class=\"radio__description\">{this.description}</span>\n )}\n </span>\n </label>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"flip-radio.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,YAAY,GAAG,yvFAAyvF;;MCiBjwF,SAAS;EAZtB;;;IAa2B,YAAO,GAAoB,KAAK,CAAC;IAElD,aAAQ,GAAa,KAAK,CAAC;IAS3B,aAAQ,GAAG;MACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;MACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC,CAAC;GA8CH;EA5CC,MAAM;IACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC;IAEjE,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1E,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;IAEjC,MAAM,SAAS,GAAGA,kBAAU,CAAC,OAAO,EAAE;MACpC,gBAAgB,EAAE,OAAO;MACzB,iBAAiB,EAAE,IAAI,CAAC,QAAQ;MAChC,gBAAgB,EAAE,IAAI,CAAC,OAAO;MAC9B,kBAAkB,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,QACEC,QAACC,UAAI,QACHD,mBAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5CA,kBAAM,KAAK,EAAC,gBAAgB,IAC1BA,sCACEA,mCACgB,gBAAgB,kBAChB,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACmB,EACvBA,iCAAkB,MAAM,EAAC,KAAK,EAAC,YAAY,GAAQ,CAC9C,EACPA,kBAAM,KAAK,EAAC,wBAAwB,IACjC,IAAI,CAAC,KAAK,IAAIA,kBAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC5D,IAAI,CAAC,WAAW,KACfA,kBAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC3D,CACI,CACD,CACH,EACP;GACH;;;;;;","names":["classnames","h","Host"],"sources":["./src/components/flip-radio/flip-radio.css?tag=flip-radio&encapsulation=scoped","./src/components/flip-radio/flip-radio.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.radio {\n display: inline-flex;\n cursor: pointer;\n line-height: var(--s-line-height-base);\n\n &:focus-within .radio__box {\n box-shadow: 0 0 0 0.0625rem var(--s-background-default),\n 0 0 0 0.1875rem var(--s-focus-default);\n }\n}\n\n.radio--checked {\n & .radio__control {\n &:hover {\n & .radio__box {\n border-color: var(--s-interactive-primary-hovered);\n background-color: var(--s-interactive-primary-hovered);\n }\n }\n }\n\n & .radio__box {\n position: relative;\n border-color: var(--s-icon-highlight);\n background-color: var(--s-icon-highlight);\n\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background-color: var(--s-background-default);\n content: \"\";\n transform: translate3d(-50%, -50%, 0);\n }\n }\n}\n\n.radio--invalid {\n &.radio--checked,\n &.radio--indeterminate {\n & .radio__box {\n background-color: var(--s-icon-critical);\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-critical);\n }\n}\n\n.radio--disabled {\n cursor: default;\n\n &.radio--checked {\n & .radio__control {\n &:hover {\n & .radio__box {\n border-color: var(--s-icon-disabled);\n background-color: transparent;\n }\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-disabled);\n background-color: var(--s-background-default);\n\n &:after {\n background-color: var(--s-icon-disabled);\n }\n }\n }\n\n & .radio__control {\n &:hover {\n & .radio__box {\n background-color: transparent;\n }\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-disabled);\n backround-color: var(--s-icon-disabled);\n }\n\n & .radio__description,\n & .radio__label {\n color: var(--s-text-disabled);\n }\n}\n\n.radio__control {\n position: relative;\n display: inline-flex;\n width: 1.5rem;\n height: 1.5rem;\n padding: var(--s-space-2);\n flex-shrink: 0;\n\n &:hover {\n & .radio__box {\n background-color: var(--s-action-neutral-hovered);\n }\n }\n}\n\n.radio__box {\n position: relative;\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n border: 0.125rem solid var(--s-icon-default);\n border-radius: 50%;\n}\n\n.radio__label-container {\n display: inline-flex;\n margin-left: var(--s-space-8);\n padding-top: var(--s-space-2);\n flex-direction: column;\n}\n\n.radio__label {\n font-weight: var(--s-font-weight-medium);\n}\n\n.radio__description {\n color: var(--s-text-subdued);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipRadioState = boolean \| \"true\" \| \"false\";\n\n@Component({\n /*\n Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-radio.css\",\n tag: \"flip-radio\",\n})\nexport class FlipRadio {\n @Prop({ mutable: true }) checked?: FlipRadioState = false;\n @Prop() description?: string;\n @Prop() disabled?: boolean = false;\n @Prop() inputId!: string;\n @Prop() inputName!: string;\n @Prop() invalid?: boolean;\n @Prop() label?: string;\n @Prop() value!: string;\n\n @Event() valueChange: EventEmitter<string>;\n\n private onChange = () => {\n this.checked = true;\n this.valueChange.emit(this.value);\n };\n\n render() {\n const unchecked = this.checked === false \|\| this.checked === \"false\";\n const checked = this.checked === true \|\| this.checked === \"true\";\n\n const ariaCheckedLabel = checked ? \"true\" : unchecked ? \"false\" : \"mixed\";\n const ariaInvalid = this.invalid;\n\n const className = classnames(\"radio\", {\n \"radio--checked\": checked,\n \"radio--disabled\": this.disabled,\n \"radio--invalid\": this.invalid,\n \"radio--unchecked\": unchecked,\n });\n\n return (\n <Host>\n <label class={className} htmlFor={this.inputId}>\n <span class=\"radio__control\">\n <flip-visually-hidden>\n <input\n aria-checked={ariaCheckedLabel}\n aria-invalid={ariaInvalid}\n checked={checked}\n class=\"radio__input\"\n disabled={this.disabled}\n id={this.inputId}\n name={this.inputName}\n onChange={this.onChange}\n type=\"radio\"\n value={this.value}\n />\n </flip-visually-hidden>\n <span aria-hidden=\"true\" class=\"radio__box\"></span>\n </span>\n <span class=\"radio__label-container\">\n {this.label && <span class=\"radio__label\">{this.label}</span>}\n {this.description && (\n <span class=\"radio__description\">{this.description}</span>\n )}\n </span>\n </label>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/flip-tabs.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-72831c5f.js');
 const index$1 = require('./index-b8470262.js');
 require('./_commonjsHelpers-a5111d61.js');
-const flipTabsCss = ".sc-flip-tabs-h{display:block;width:100%}.sc-flip-tabs-h *.sc-flip-tabs{box-sizing:border-box}.tabs.sc-flip-tabs{width:100%}.tabs__tab-bar.sc-flip-tabs{position:relative;display:flex;width:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:flex-start;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (--from-tablet){.tabs__tab-bar.sc-flip-tabs{padding-right:0;padding-left:0}}.tabs__tab.sc-flip-tabs{display:block;min-width:0;margin:0;padding:var(--s-space-4) 0;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer}.tabs__tab.sc-flip-tabs:focus-visible{outline:none}.tabs__tab.sc-flip-tabs:focus-visible .tabs__tab-label.sc-flip-tabs{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tabs__tab.sc-flip-tabs:not(:first-of-type){padding-left:var(--s-space-8)}.tabs__tab.sc-flip-tabs:not(:last-of-type){padding-right:var(--s-space-8)}.tabs__tab-label.sc-flip-tabs{display:block;overflow:hidden;width:100%;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;text-overflow:ellipsis}.tabs__tab--active.sc-flip-tabs{color:var(--s-text-highlight)}.tabs__indicator.sc-flip-tabs{position:absolute;bottom:0;left:0;width:0;height:0.125rem;border-radius:0.0625rem;background-color:var(--s-border-highlight);transition:background-color 0.15s, transform 0.15s, width 0.15s;transform:translate3d(0, 0, 0);pointer-events:none}@media (prefers-reduced-motion){.tabs__indicator.sc-flip-tabs{transition:none}}";
+const flipTabsCss = ".sc-flip-tabs-h{display:block;width:100%}.sc-flip-tabs-h *.sc-flip-tabs{box-sizing:border-box}.tabs.sc-flip-tabs{width:100%}.tabs__tab-bar.sc-flip-tabs{position:relative;display:flex;width:100%;justify-content:flex-start;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.tabs__tab.sc-flip-tabs{position:relative;display:block;min-width:0;margin:0;padding:var(--s-space-4) var(--s-space-8);border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer}.tabs__tab.sc-flip-tabs:focus-visible{outline:none}.tabs__tab.sc-flip-tabs:focus-visible .tabs__tab-label.sc-flip-tabs{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tabs__tab.sc-flip-tabs:not(.tabs__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:\"\";transform:translateX(-50%);pointer-events:none}.tabs__tab-label.sc-flip-tabs{display:block;overflow:hidden;width:100%;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;text-overflow:ellipsis}.tabs__tab--active.sc-flip-tabs{color:var(--s-text-highlight)}.tabs__tab--active.sc-flip-tabs:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:\"\";transform:translateX(-50%);pointer-events:none}";
 const FlipTabs = class {
   constructor(hostRef) {
@@ -23,27 +23,10 @@ const FlipTabs = class {
         this.activateNextTab();
       }
     };
-    this.onMouseEnter = (event, tab) => {
-      if (tab.tabId === this.activeTab) {
-        this.highlightedTab = undefined;
-        return;
-      }
-      this.highlightedTab =
-        event.target.closest(".tabs__tab") || undefined;
-    };
-    this.onMouseLeave = () => {
-      this.highlightedTab = undefined;
-    };
   }
   componentWillLoad() {
     this.collectTabs();
   }
-  componentDidRender() {
-    this.updateIndicatorPosition();
-  }
-  onWindowResize() {
-    this.updateIndicatorPosition();
-  }
   /**
    * Activate a tab.
    * @param tabId
@@ -58,7 +41,6 @@ const FlipTabs = class {
     if (!Boolean(tab)) {
       return;
     }
-    this.highlightedTab = undefined;
     tab.active = true;
     this.tabActivated.emit(tab);
   }
@@ -88,23 +70,6 @@ const FlipTabs = class {
     const initialTab = this.tabs.find((tab) => tab.tabId === this.initialTab);
     this.activateTab(Boolean(initialTab) ? initialTab.tabId : this.tabs[0].tabId);
   }
-  updateIndicatorPosition() {
-    const activeTab = this.tabs.find((tab) => tab.tabId === this.activeTab);
-    if (!Boolean(activeTab) && !Boolean(this.highlightedTab)) {
-      this.indicatorEl.style.width = "";
-      this.indicatorEl.style.transform = "";
-      this.indicatorEl.style.backgroundColor = "";
-      return;
-    }
-    const activeTabEl = this.highlightedTab ||
-      this.el.querySelector(`#tab-${activeTab.tabId}`);
-    const activeTabLabelEl = activeTabEl.querySelector(".tabs__tab-label");
-    this.indicatorEl.style.width = `${activeTabLabelEl.getBoundingClientRect().width / 16}rem`;
-    this.indicatorEl.style.transform = `translate3d(${activeTabLabelEl.offsetLeft / 16}rem, 0, 0)`;
-    this.indicatorEl.style.backgroundColor = Boolean(this.highlightedTab)
-      ? "var(--s-border-default)"
-      : "";
-  }
   render() {
     return (index.h(index.Host, null, index.h("div", { class: "tabs" }, index.h("div", { "aria-label": this.label, class: "tabs__tab-bar", onKeyDown: this.onKeyDown, role: "tablist" }, this.tabs.map((tab) => {
       const isActive = tab.tabId === this.activeTab;
@@ -113,10 +78,8 @@ const FlipTabs = class {
       });
       return (index.h("button", { "aria-controls": tab.tabId, "aria-selected": isActive ? "true" : "false", class: className, id: `tab-${tab.tabId}`, key: tab.tabId,
         // eslint-disable-next-line react/jsx-no-bind
-        onClick: () => this.activateTab(tab.tabId),
-        // eslint-disable-next-line react/jsx-no-bind
-        onMouseEnter: (event) => this.onMouseEnter(event, tab), onMouseLeave: this.onMouseLeave, role: "tab", tabIndex: isActive ? 0 : -1, type: "button" }, index.h("span", { class: "tabs__tab-label" }, tab.label)));
-    }), index.h("span", { class: "tabs__indicator", ref: (el) => (this.indicatorEl = el) })), index.h("slot", null))));
+        onClick: () => this.activateTab(tab.tabId), role: "tab", tabIndex: isActive ? 0 : -1, type: "button" }, index.h("span", { class: "tabs__tab-label" }, tab.label)));
+    })), index.h("slot", null))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/flip-tabs.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"flip-tabs.entry.cjs.js","mappings":"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","names":["h","Host","classnames"],"sources":["./src/components/flip-tabs/flip-tabs.css?tag=flip-tabs&encapsulation=scoped","./src/components/flip-tabs/flip-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.tabs {\n width: 100%;\n}\n\n.tabs__tab-bar {\n position: relative;\n display: flex;\n width: 100%;\n padding-right: var(--s-space-16);\n padding-left: var(--s-space-16);\n justify-content: flex-start;\n border-bottom: var(--s-border-width-default) solid var(--s-border-default);\n\n @media (--from-tablet) {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n.tabs__tab {\n display: block;\n min-width: 0;\n margin: 0;\n padding: var(--s-space-4) 0;\n border: none;\n background-color: transparent;\n font: inherit;\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-base);\n cursor: pointer;\n\n &:focus-visible {\n outline: none;\n\n & .tabs__tab-label {\n border-radius: var(--s-border-radius-s);\n box-shadow: inset 0 0 0 0.125rem var(--s-focus-default);\n }\n }\n\n &:not(:first-of-type) {\n padding-left: var(--s-space-8);\n }\n\n &:not(:last-of-type) {\n padding-right: var(--s-space-8);\n }\n}\n\n.tabs__tab-label {\n display: block;\n overflow: hidden;\n width: 100%;\n padding: var(--s-space-8) var(--s-space-8);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.tabs__tab--active {\n color: var(--s-text-highlight);\n}\n\n.tabs__indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0.125rem;\n border-radius: 0.0625rem;\n background-color: var(--s-border-highlight);\n transition: background-color 0.15s, transform 0.15s, width 0.15s;\n transform: translate3d(0, 0, 0);\n pointer-events: none;\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n@Component({\n scoped: true,\n shadow: false,\n styleUrl: \"flip-tabs.css\",\n tag: \"flip-tabs\",\n})\nexport class FlipTabs {\n @Element() el: HTMLElement;\n\n @Prop() initialTab?: string;\n @Prop() label!: string;\n\n @State() activeTab?: string;\n @State() highlightedTab: HTMLElement \| undefined;\n\n @Event() tabActivated: EventEmitter<HTMLFlipTabElement>;\n\n private indicatorEl: HTMLElement;\n private tabs: HTMLFlipTabElement[] = [];\n\n componentWillLoad() {\n this.collectTabs();\n }\n\n componentDidRender() {\n this.updateIndicatorPosition();\n }\n\n @Listen(\"resize\", { target: \"window\" })\n onWindowResize() {\n this.updateIndicatorPosition();\n }\n\n /*\n Activate a tab.\n * @param tabId\n */\n @Method()\n public async activateTab(tabId: string) {\n if (this.activeTab === tabId) {\n return;\n }\n\n this.activeTab = tabId;\n this.tabs.forEach((tab) => (tab.active = false));\n\n const tab = this.tabs.find((tab) => tab.tabId === tabId);\n\n if (!Boolean(tab)) {\n return;\n }\n\n this.highlightedTab = undefined;\n\n tab.active = true;\n this.tabActivated.emit(tab);\n }\n\n private activateNextTab() {\n const currentIndex = this.tabs.findIndex(\n (tab) => tab.tabId === this.activeTab\n );\n\n const nextIndex = Math.min(this.tabs.length - 1, currentIndex + 1);\n\n this.activateTab(this.tabs[nextIndex].tabId);\n\n requestAnimationFrame(() => {\n this.el.querySelector<HTMLButtonElement>(\".tabs__tab--active\")?.focus();\n });\n }\n\n private activatePreviousTab() {\n const currentIndex = this.tabs.findIndex(\n (tab) => tab.tabId === this.activeTab\n );\n\n const previousIndex = Math.max(0, currentIndex - 1);\n\n this.activateTab(this.tabs[previousIndex].tabId);\n\n requestAnimationFrame(() => {\n this.el.querySelector<HTMLButtonElement>(\".tabs__tab--active\")?.focus();\n });\n }\n\n private collectTabs() {\n this.tabs = Array.from(this.el.querySelectorAll(\"flip-tab\"));\n\n if (this.tabs.length === 0) {\n return;\n }\n\n const initialTab = this.tabs.find((tab) => tab.tabId === this.initialTab);\n\n this.activateTab(\n Boolean(initialTab) ? initialTab.tabId : this.tabs[0].tabId\n );\n }\n\n private updateIndicatorPosition() {\n const activeTab = this.tabs.find((tab) => tab.tabId === this.activeTab);\n\n if (!Boolean(activeTab) && !Boolean(this.highlightedTab)) {\n this.indicatorEl.style.width = \"\";\n this.indicatorEl.style.transform = \"\";\n this.indicatorEl.style.backgroundColor = \"\";\n return;\n }\n\n const activeTabEl =\n this.highlightedTab \|\|\n this.el.querySelector<HTMLButtonElement>(`#tab-${activeTab.tabId}`);\n\n const activeTabLabelEl =\n activeTabEl.querySelector<HTMLSpanElement>(\".tabs__tab-label\");\n\n this.indicatorEl.style.width = `${\n activeTabLabelEl.getBoundingClientRect().width / 16\n }rem`;\n\n this.indicatorEl.style.transform = `translate3d(${\n activeTabLabelEl.offsetLeft / 16\n }rem, 0, 0)`;\n\n this.indicatorEl.style.backgroundColor = Boolean(this.highlightedTab)\n ? \"var(--s-border-default)\"\n : \"\";\n }\n\n private onKeyDown = (event: KeyboardEvent) => {\n if (event.code === \"ArrowLeft\") {\n event.preventDefault();\n this.activatePreviousTab();\n } else if (event.code === \"ArrowRight\") {\n event.preventDefault();\n this.activateNextTab();\n }\n };\n\n private onMouseEnter = (event: MouseEvent, tab: HTMLFlipTabElement) => {\n if (tab.tabId === this.activeTab) {\n this.highlightedTab = undefined;\n return;\n }\n\n this.highlightedTab =\n (event.target as HTMLElement).closest(\".tabs__tab\") \|\| undefined;\n };\n\n private onMouseLeave = () => {\n this.highlightedTab = undefined;\n };\n\n render() {\n return (\n <Host>\n <div class=\"tabs\">\n <div\n aria-label={this.label}\n class=\"tabs__tab-bar\"\n onKeyDown={this.onKeyDown}\n role=\"tablist\"\n >\n {this.tabs.map((tab) => {\n const isActive = tab.tabId === this.activeTab;\n const className = classnames(\"tabs__tab\", {\n \"tabs__tab--active\": isActive,\n });\n\n return (\n <button\n aria-controls={tab.tabId}\n aria-selected={isActive ? \"true\" : \"false\"}\n class={className}\n id={`tab-${tab.tabId}`}\n key={tab.tabId}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.activateTab(tab.tabId)}\n // eslint-disable-next-line react/jsx-no-bind\n onMouseEnter={(event) => this.onMouseEnter(event, tab)}\n onMouseLeave={this.onMouseLeave}\n role=\"tab\"\n tabIndex={isActive ? 0 : -1}\n type=\"button\"\n >\n <span class=\"tabs__tab-label\">{tab.label}</span>\n </button>\n );\n })}\n\n <span\n class=\"tabs__indicator\"\n ref={(el) => (this.indicatorEl = el)}\n ></span>\n </div>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"flip-tabs.entry.cjs.js","mappings":"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","names":["h","Host","classnames"],"sources":["./src/components/flip-tabs/flip-tabs.css?tag=flip-tabs&encapsulation=scoped","./src/components/flip-tabs/flip-tabs.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.tabs {\n width: 100%;\n}\n\n.tabs__tab-bar {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: flex-start;\n border-bottom: var(--s-border-width-default) solid var(--s-border-default);\n}\n\n.tabs__tab {\n position: relative;\n display: block;\n min-width: 0;\n margin: 0;\n padding: var(--s-space-4) var(--s-space-8);\n border: none;\n background-color: transparent;\n font: inherit;\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-base);\n cursor: pointer;\n\n &:focus-visible {\n outline: none;\n\n & .tabs__tab-label {\n border-radius: var(--s-border-radius-s);\n box-shadow: inset 0 0 0 0.125rem var(--s-focus-default);\n }\n }\n\n &:not(.tabs__tab--active) {\n &:hover {\n &:after {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: calc(100% - var(--s-space-8));\n height: 0.1875rem;\n border-radius: 0.125rem;\n background-color: var(--s-border-default);\n content: \"\";\n transform: translateX(-50%);\n pointer-events: none;\n }\n }\n }\n}\n\n.tabs__tab-label {\n display: block;\n overflow: hidden;\n width: 100%;\n padding: var(--s-space-8) var(--s-space-8);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.tabs__tab--active {\n color: var(--s-text-highlight);\n\n &:after {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: calc(100% - var(--s-space-8));\n height: 0.1875rem;\n border-radius: 0.125rem;\n background-color: var(--s-border-highlight);\n content: \"\";\n transform: translateX(-50%);\n pointer-events: none;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n@Component({\n scoped: true,\n shadow: false,\n styleUrl: \"flip-tabs.css\",\n tag: \"flip-tabs\",\n})\nexport class FlipTabs {\n @Element() el: HTMLElement;\n\n @Prop() initialTab?: string;\n @Prop() label!: string;\n\n @State() activeTab?: string;\n\n @Event() tabActivated: EventEmitter<HTMLFlipTabElement>;\n\n private tabs: HTMLFlipTabElement[] = [];\n\n componentWillLoad() {\n this.collectTabs();\n }\n\n /*\n Activate a tab.\n * @param tabId\n */\n @Method()\n public async activateTab(tabId: string) {\n if (this.activeTab === tabId) {\n return;\n }\n\n this.activeTab = tabId;\n this.tabs.forEach((tab) => (tab.active = false));\n\n const tab = this.tabs.find((tab) => tab.tabId === tabId);\n\n if (!Boolean(tab)) {\n return;\n }\n\n tab.active = true;\n this.tabActivated.emit(tab);\n }\n\n private activateNextTab() {\n const currentIndex = this.tabs.findIndex(\n (tab) => tab.tabId === this.activeTab\n );\n\n const nextIndex = Math.min(this.tabs.length - 1, currentIndex + 1);\n\n this.activateTab(this.tabs[nextIndex].tabId);\n\n requestAnimationFrame(() => {\n this.el.querySelector<HTMLButtonElement>(\".tabs__tab--active\")?.focus();\n });\n }\n\n private activatePreviousTab() {\n const currentIndex = this.tabs.findIndex(\n (tab) => tab.tabId === this.activeTab\n );\n\n const previousIndex = Math.max(0, currentIndex - 1);\n\n this.activateTab(this.tabs[previousIndex].tabId);\n\n requestAnimationFrame(() => {\n this.el.querySelector<HTMLButtonElement>(\".tabs__tab--active\")?.focus();\n });\n }\n\n private collectTabs() {\n this.tabs = Array.from(this.el.querySelectorAll(\"flip-tab\"));\n\n if (this.tabs.length === 0) {\n return;\n }\n\n const initialTab = this.tabs.find((tab) => tab.tabId === this.initialTab);\n\n this.activateTab(\n Boolean(initialTab) ? initialTab.tabId : this.tabs[0].tabId\n );\n }\n\n private onKeyDown = (event: KeyboardEvent) => {\n if (event.code === \"ArrowLeft\") {\n event.preventDefault();\n this.activatePreviousTab();\n } else if (event.code === \"ArrowRight\") {\n event.preventDefault();\n this.activateNextTab();\n }\n };\n\n render() {\n return (\n <Host>\n <div class=\"tabs\">\n <div\n aria-label={this.label}\n class=\"tabs__tab-bar\"\n onKeyDown={this.onKeyDown}\n role=\"tablist\"\n >\n {this.tabs.map((tab) => {\n const isActive = tab.tabId === this.activeTab;\n const className = classnames(\"tabs__tab\", {\n \"tabs__tab--active\": isActive,\n });\n\n return (\n <button\n aria-controls={tab.tabId}\n aria-selected={isActive ? \"true\" : \"false\"}\n class={className}\n id={`tab-${tab.tabId}`}\n key={tab.tabId}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.activateTab(tab.tabId)}\n role=\"tab\"\n tabIndex={isActive ? 0 : -1}\n type=\"button\"\n >\n <span class=\"tabs__tab-label\">{tab.label}</span>\n </button>\n );\n })}\n </div>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/flip-text-input.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-72831c5f.js');
 const index$1 = require('./index-b8470262.js');
 require('./_commonjsHelpers-a5111d61.js');
-const flipTextInputCss = ".sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h *.sc-flip-text-input{box-sizing:border-box}.text-input.sc-flip-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--type-number.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-flip-text-input .text-input__input.sc-flip-text-input{width:100%}.text-input--disabled.sc-flip-text-input .text-input__character-counter.sc-flip-text-input{color:var(--s-text-disabled)}.text-input__input.sc-flip-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-flip-text-input:focus{outline:none}.text-input__input.sc-flip-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-flip-text-input::-webkit-outer-spin-button,.text-input__input.sc-flip-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type=\"number\"].sc-flip-text-input{-moz-appearance:textfield}input.text-input__input.sc-flip-text-input:not([type=\"password\"]){width:0.25rem;min-width:0.25rem}.text-input__clear-button.sc-flip-text-input,.text-input__password-toggle.sc-flip-text-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}.text-input__clear-button.sc-flip-text-input:focus,.text-input__password-toggle.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__stepper.sc-flip-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}.text-input__step-button.sc-flip-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-flip-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}.text-input__prefix.sc-flip-text-input{padding-right:var(--s-space-4);font-size:var(--s-font-size-base)}.text-input__suffix.sc-flip-text-input{padding-left:var(--s-space-4);font-size:var(--s-font-size-base)}";
+const flipTextInputCss = ".sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h *.sc-flip-text-input{box-sizing:border-box}.text-input.sc-flip-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--type-number.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-flip-text-input .text-input__input.sc-flip-text-input{width:100%}.text-input--disabled.sc-flip-text-input .text-input__character-counter.sc-flip-text-input{color:var(--s-text-disabled)}.text-input__input.sc-flip-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-flip-text-input:focus{outline:none}.text-input__input.sc-flip-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-flip-text-input::-webkit-outer-spin-button,.text-input__input.sc-flip-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type=\"number\"].sc-flip-text-input{-moz-appearance:textfield}input.text-input__input.sc-flip-text-input:not([type=\"password\"]){width:0.25rem;min-width:0.25rem}.text-input__clear-button.sc-flip-text-input,.text-input__password-toggle.sc-flip-text-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}.text-input__clear-button.sc-flip-text-input:focus,.text-input__password-toggle.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__stepper.sc-flip-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}.text-input__step-button.sc-flip-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-flip-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}.text-input__prefix.sc-flip-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-flip-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}";
 const FlipTextInput = class {
   constructor(hostRef) {

package/dist/cjs/flip-text-input.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"flip-text-input.entry.cjs.js","mappings":"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","names":["classnames","h","Host"],"sources":["./src/components/flip-text-input/flip-text-input.css?tag=flip-text-input&encapsulation=scoped","./src/components/flip-text-input/flip-text-input.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.text-input {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n color: var(--s-text-default);\n font: inherit;\n line-height: var(--s-line-height-sm);\n}\n\n.text-input--clearable {\n padding-right: calc(1.5rem + var(--s-space-8));\n}\n\n.text-input--type-number {\n padding-right: calc(1.5rem + var(--s-space-8));\n}\n\n.text-input--show-password {\n & .text-input__input {\n width: 100%;\n }\n}\n\n.text-input--disabled {\n & .text-input__character-counter {\n color: var(--s-text-disabled);\n }\n}\n\n.text-input__input {\n display: inline-flex;\n width: 100%;\n max-height: 13.75rem;\n margin: 0;\n padding: 0;\n border: none;\n color: var(--s-text-default);\n background-color: transparent;\n font: inherit;\n font-size: var(--s-font-size-base);\n line-height: var(--s-line-height-base);\n resize: none;\n caret-color: var(--s-border-highlight);\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n color: var(--s-text-disabled);\n background-color: transparent;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n &[type=\"number\"] {\n -moz-appearance: textfield;\n }\n}\n\ninput.text-input__input:not([type=\"password\"]) {\n width: 0.25rem;\n min-width: 0.25rem;\n}\n\n.text-input__clear-button,\n.text-input__password-toggle {\n position: absolute;\n top: calc(-1 * var(--s-space-12));\n right: 0;\n display: inline-flex;\n margin: 0;\n padding: 0;\n border: none;\n color: var(--s-icon-default);\n background-color: transparent;\n cursor: pointer;\n\n &:focus {\n outline-color: var(--s-focus-default);\n }\n}\n\n.text-input__stepper {\n position: absolute;\n top: -1.4375rem;\n right: 0;\n display: flex;\n flex-direction: column;\n}\n\n.text-input__step-button {\n display: inline-flex;\n margin: 0;\n padding: 0;\n border: none;\n color: var(--s-icon-default);\n background-color: transparent;\n cursor: pointer;\n\n &:focus {\n outline-color: var(--s-focus-default);\n }\n}\n\n.text-input__character-counter {\n position: absolute;\n top: -1.375rem;\n right: 0;\n display: flex;\n color: var(--s-text-subdued);\n line-height: var(--s-line-height-sm);\n flex-direction: column;\n}\n\n.text-input__prefix {\n padding-right: var(--s-space-4);\n font-size: var(--s-font-size-base);\n}\n\n.text-input__suffix {\n padding-left: var(--s-space-4);\n font-size: var(--s-font-size-base);\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\nimport { FlipFormInput } from \"../../utils\";\n\nexport type FlipTextInputType =\n \| \"date\"\n \| \"datetime-local\"\n \| \"email\"\n \| \"number\"\n \| \"password\"\n \| \"reset\"\n \| \"tel\"\n \| \"text\"\n \| \"url\";\n\nexport type FlipTextInputMode =\n \| \"decimal\"\n \| \"email\"\n \| \"numeric\"\n \| \"search\"\n \| \"tel\"\n \| \"text\"\n \| \"url\";\n\n@Component({\n /*\n Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-text-input.css\",\n tag: \"flip-text-input\",\n})\nexport class FlipTextInput implements FlipFormInput {\n @Prop() autoComplete?: string = \"on\";\n @Prop() autoFocus?: boolean;\n @Prop() autoSelect?: boolean;\n @Prop() clearable?: boolean;\n @Prop() clearButtonLabel?: string = \"Clear input\";\n @Prop() disabled?: boolean;\n @Prop() flipAriaDescribedby?: string;\n @Prop() invalid?: boolean;\n @Prop() maxLength?: number;\n @Prop() max?: number;\n @Prop() min?: number;\n @Prop() mode?: FlipTextInputMode;\n @Prop() prefixLabel?: string;\n @Prop() required?: boolean;\n @Prop() rows?: number = 1;\n @Prop() showCharacterCounter?: boolean;\n @Prop() spellCheck?: boolean;\n @Prop() suffixLabel?: string;\n @Prop() step?: number;\n @Prop() passwordToggleLabel?: string = \"Toggle password display\";\n @Prop() type?: FlipTextInputType = \"text\";\n @Prop({ mutable: true, reflect: true }) value?: string;\n\n @State() showPassword = false;\n\n @Event() valueChange: EventEmitter<string>;\n\n private inputEl: HTMLInputElement;\n\n componentDidRender() {\n this.adjustInputSize();\n }\n\n private adjustInputSize() {\n if (this.rows > 1) {\n this.inputEl.style.width = \"\";\n this.inputEl.style.height = \"\";\n this.inputEl.style.height = this.inputEl.scrollHeight / 16 + \"rem\";\n }\n\n if (this.rows === 1) {\n this.inputEl.style.height = \"\";\n this.inputEl.style.width = \"\";\n\n if (this.type !== \"password\") {\n this.inputEl.style.width = this.inputEl.scrollWidth / 16 + \"rem\";\n }\n }\n }\n\n private clear = () => {\n this.inputEl.value = \"\";\n this.value = \"\";\n this.valueChange.emit(\"\");\n this.inputEl.focus();\n };\n\n private onChange = (event: Event) => {\n const el = event.target as HTMLInputElement;\n\n this.value = el.value;\n this.valueChange.emit(el.value);\n };\n\n private onFocus = (event: FocusEvent) => {\n this.handleAutoSelect(event);\n };\n\n private onInput = (event: InputEvent) => {\n this.onChange(event);\n };\n\n private onKeyPress = (event: KeyboardEvent) => {\n if (this.type !== \"number\") {\n return;\n }\n\n if ([\"+\", \"-\", \"e\"].includes(event.key)) {\n event.preventDefault();\n }\n };\n\n private decreaseValue = () => {\n if (this.type !== \"number\") {\n return;\n }\n const step = this.step \|\| 1;\n const currentValue = isNaN(this.inputEl.valueAsNumber)\n ? this.min !== undefined\n ? this.min + 1\n : 1\n : this.inputEl.valueAsNumber;\n\n this.value = String(Math.max(this.min \|\| -Infinity, currentValue - step));\n this.valueChange.emit(this.value);\n };\n\n private increaseValue = () => {\n if (this.type !== \"number\") {\n return;\n }\n\n const step = this.step \|\| 1;\n const currentValue = isNaN(this.inputEl.valueAsNumber)\n ? this.min !== undefined\n ? this.min - 1\n : -1\n : this.inputEl.valueAsNumber;\n\n this.value = String(Math.min(this.max \|\| Infinity, currentValue + step));\n this.valueChange.emit(this.value);\n };\n\n private handleAutoSelect(event: FocusEvent) {\n if (!this.autoSelect) {\n return;\n }\n\n (event.target as HTMLInputElement).select();\n }\n\n private togglePassword = () => {\n if (this.type !== \"password\") {\n return;\n }\n\n this.showPassword = !this.showPassword;\n };\n\n render() {\n const Tag = this.rows === 1 ? \"input\" : \"textarea\";\n\n const ariaInvalid =\n this.invalid === true\n ? \"true\"\n : this.invalid === false\n ? \"false\"\n : undefined;\n\n const showStepper = this.type === \"number\" && !this.disabled;\n const showPasswordToggle = this.type === \"password\" && !this.disabled;\n\n const showClearButton =\n this.clearable &&\n !this.disabled &&\n Boolean(this.value) &&\n !showPasswordToggle &&\n !showStepper &&\n !this.showCharacterCounter;\n\n const type =\n this.type === \"password\" && this.showPassword ? \"text\" : this.type;\n\n const className = classnames(\n \"text-input\",\n `text-input--type-${this.type}`,\n {\n \"text-input--clearable\": this.clearable,\n \"text-input--disabled\": this.disabled,\n \"text-input--show-password\":\n this.type === \"password\" && this.showPassword,\n }\n );\n\n return (\n <Host>\n <div class={className}>\n {this.prefixLabel && (\n <span class=\"text-input__prefix\">{this.prefixLabel}</span>\n )}\n <Tag\n aria-describedby={this.flipAriaDescribedby}\n aria-disabled={this.disabled ? \"true\" : undefined}\n aria-invalid={ariaInvalid}\n autoComplete={this.autoComplete}\n autoFocus={this.autoFocus}\n class=\"text-input__input\"\n disabled={this.disabled}\n inputMode={this.mode}\n maxLength={this.maxLength}\n max={this.type === \"number\" ? this.max : undefined}\n min={this.type === \"number\" ? this.min : undefined}\n onFocus={this.onFocus}\n onInput={this.onInput}\n onKeyPress={this.onKeyPress}\n ref={(el) => (this.inputEl = el)}\n required={this.required}\n rows={this.rows > 1 ? this.rows : undefined}\n spellcheck={this.spellCheck}\n step={this.type === \"number\" ? this.step : undefined}\n type={type}\n value={this.rows === 1 ? this.value : undefined}\n >\n {this.rows > 1 && this.value}\n </Tag>\n {this.suffixLabel && (\n <span class=\"text-input__suffix\">{this.suffixLabel}</span>\n )}\n {showClearButton && (\n <button\n aria-label={this.clearButtonLabel}\n class=\"text-input__clear-button\"\n onClick={this.clear}\n type=\"button\"\n >\n <flip-icon-cancel></flip-icon-cancel>\n </button>\n )}\n {showPasswordToggle && (\n <button\n aria-label={this.passwordToggleLabel}\n class=\"text-input__password-toggle\"\n onClick={this.togglePassword}\n type=\"button\"\n >\n {this.showPassword ? (\n <flip-icon-visibility-off></flip-icon-visibility-off>\n ) : (\n <flip-icon-visibility></flip-icon-visibility>\n )}\n </button>\n )}\n {showStepper && (\n <span class=\"text-input__stepper\">\n <button\n aria-hidden=\"true\"\n class=\"text-input__step-button\"\n onClick={this.increaseValue}\n tabIndex={-1}\n type=\"button\"\n >\n <flip-icon-expand-less></flip-icon-expand-less>\n </button>\n <button\n aria-hidden=\"true\"\n class=\"text-input__step-button\"\n onClick={this.decreaseValue}\n tabIndex={-1}\n type=\"button\"\n >\n <flip-icon-expand-more></flip-icon-expand-more>\n </button>\n </span>\n )}\n {this.showCharacterCounter && (\n <span class=\"text-input__character-counter\">\n {this.value?.length \|\| 0}{\" \"}\n {Boolean(this.maxLength) ? `/ ${this.maxLength}` : \"\"}\n </span>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"flip-text-input.entry.cjs.js","mappings":"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","names":["classnames","h","Host"],"sources":["./src/components/flip-text-input/flip-text-input.css?tag=flip-text-input&encapsulation=scoped","./src/components/flip-text-input/flip-text-input.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.text-input {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n color: var(--s-text-default);\n font: inherit;\n line-height: var(--s-line-height-sm);\n}\n\n.text-input--clearable {\n padding-right: calc(1.5rem + var(--s-space-8));\n}\n\n.text-input--type-number {\n padding-right: calc(1.5rem + var(--s-space-8));\n}\n\n.text-input--show-password {\n & .text-input__input {\n width: 100%;\n }\n}\n\n.text-input--disabled {\n & .text-input__character-counter {\n color: var(--s-text-disabled);\n }\n}\n\n.text-input__input {\n display: inline-flex;\n width: 100%;\n max-height: 13.75rem;\n margin: 0;\n padding: 0;\n border: none;\n color: var(--s-text-default);\n background-color: transparent;\n font: inherit;\n font-size: var(--s-font-size-base);\n line-height: var(--s-line-height-base);\n resize: none;\n caret-color: var(--s-border-highlight);\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n color: var(--s-text-disabled);\n background-color: transparent;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n &[type=\"number\"] {\n -moz-appearance: textfield;\n }\n}\n\ninput.text-input__input:not([type=\"password\"]) {\n width: 0.25rem;\n min-width: 0.25rem;\n}\n\n.text-input__clear-button,\n.text-input__password-toggle {\n position: absolute;\n top: calc(-1 * var(--s-space-12));\n right: 0;\n display: inline-flex;\n margin: 0;\n padding: 0;\n border: none;\n color: var(--s-icon-default);\n background-color: transparent;\n cursor: pointer;\n\n &:focus {\n outline-color: var(--s-focus-default);\n }\n}\n\n.text-input__stepper {\n position: absolute;\n top: -1.4375rem;\n right: 0;\n display: flex;\n flex-direction: column;\n}\n\n.text-input__step-button {\n display: inline-flex;\n margin: 0;\n padding: 0;\n border: none;\n color: var(--s-icon-default);\n background-color: transparent;\n cursor: pointer;\n\n &:focus {\n outline-color: var(--s-focus-default);\n }\n}\n\n.text-input__character-counter {\n position: absolute;\n top: -1.375rem;\n right: 0;\n display: flex;\n color: var(--s-text-subdued);\n line-height: var(--s-line-height-sm);\n flex-direction: column;\n}\n\n.text-input__prefix {\n padding-right: var(--s-space-4);\n color: var(--s-text-subdued);\n font-size: var(--s-font-size-base);\n}\n\n.text-input__suffix {\n padding-left: var(--s-space-4);\n color: var(--s-text-subdued);\n font-size: var(--s-font-size-base);\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\nimport { FlipFormInput } from \"../../utils\";\n\nexport type FlipTextInputType =\n \| \"date\"\n \| \"datetime-local\"\n \| \"email\"\n \| \"number\"\n \| \"password\"\n \| \"reset\"\n \| \"tel\"\n \| \"text\"\n \| \"url\";\n\nexport type FlipTextInputMode =\n \| \"decimal\"\n \| \"email\"\n \| \"numeric\"\n \| \"search\"\n \| \"tel\"\n \| \"text\"\n \| \"url\";\n\n@Component({\n /*\n Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-text-input.css\",\n tag: \"flip-text-input\",\n})\nexport class FlipTextInput implements FlipFormInput {\n @Prop() autoComplete?: string = \"on\";\n @Prop() autoFocus?: boolean;\n @Prop() autoSelect?: boolean;\n @Prop() clearable?: boolean;\n @Prop() clearButtonLabel?: string = \"Clear input\";\n @Prop() disabled?: boolean;\n @Prop() flipAriaDescribedby?: string;\n @Prop() invalid?: boolean;\n @Prop() maxLength?: number;\n @Prop() max?: number;\n @Prop() min?: number;\n @Prop() mode?: FlipTextInputMode;\n @Prop() prefixLabel?: string;\n @Prop() required?: boolean;\n @Prop() rows?: number = 1;\n @Prop() showCharacterCounter?: boolean;\n @Prop() spellCheck?: boolean;\n @Prop() suffixLabel?: string;\n @Prop() step?: number;\n @Prop() passwordToggleLabel?: string = \"Toggle password display\";\n @Prop() type?: FlipTextInputType = \"text\";\n @Prop({ mutable: true, reflect: true }) value?: string;\n\n @State() showPassword = false;\n\n @Event() valueChange: EventEmitter<string>;\n\n private inputEl: HTMLInputElement;\n\n componentDidRender() {\n this.adjustInputSize();\n }\n\n private adjustInputSize() {\n if (this.rows > 1) {\n this.inputEl.style.width = \"\";\n this.inputEl.style.height = \"\";\n this.inputEl.style.height = this.inputEl.scrollHeight / 16 + \"rem\";\n }\n\n if (this.rows === 1) {\n this.inputEl.style.height = \"\";\n this.inputEl.style.width = \"\";\n\n if (this.type !== \"password\") {\n this.inputEl.style.width = this.inputEl.scrollWidth / 16 + \"rem\";\n }\n }\n }\n\n private clear = () => {\n this.inputEl.value = \"\";\n this.value = \"\";\n this.valueChange.emit(\"\");\n this.inputEl.focus();\n };\n\n private onChange = (event: Event) => {\n const el = event.target as HTMLInputElement;\n\n this.value = el.value;\n this.valueChange.emit(el.value);\n };\n\n private onFocus = (event: FocusEvent) => {\n this.handleAutoSelect(event);\n };\n\n private onInput = (event: InputEvent) => {\n this.onChange(event);\n };\n\n private onKeyPress = (event: KeyboardEvent) => {\n if (this.type !== \"number\") {\n return;\n }\n\n if ([\"+\", \"-\", \"e\"].includes(event.key)) {\n event.preventDefault();\n }\n };\n\n private decreaseValue = () => {\n if (this.type !== \"number\") {\n return;\n }\n const step = this.step \|\| 1;\n const currentValue = isNaN(this.inputEl.valueAsNumber)\n ? this.min !== undefined\n ? this.min + 1\n : 1\n : this.inputEl.valueAsNumber;\n\n this.value = String(Math.max(this.min \|\| -Infinity, currentValue - step));\n this.valueChange.emit(this.value);\n };\n\n private increaseValue = () => {\n if (this.type !== \"number\") {\n return;\n }\n\n const step = this.step \|\| 1;\n const currentValue = isNaN(this.inputEl.valueAsNumber)\n ? this.min !== undefined\n ? this.min - 1\n : -1\n : this.inputEl.valueAsNumber;\n\n this.value = String(Math.min(this.max \|\| Infinity, currentValue + step));\n this.valueChange.emit(this.value);\n };\n\n private handleAutoSelect(event: FocusEvent) {\n if (!this.autoSelect) {\n return;\n }\n\n (event.target as HTMLInputElement).select();\n }\n\n private togglePassword = () => {\n if (this.type !== \"password\") {\n return;\n }\n\n this.showPassword = !this.showPassword;\n };\n\n render() {\n const Tag = this.rows === 1 ? \"input\" : \"textarea\";\n\n const ariaInvalid =\n this.invalid === true\n ? \"true\"\n : this.invalid === false\n ? \"false\"\n : undefined;\n\n const showStepper = this.type === \"number\" && !this.disabled;\n const showPasswordToggle = this.type === \"password\" && !this.disabled;\n\n const showClearButton =\n this.clearable &&\n !this.disabled &&\n Boolean(this.value) &&\n !showPasswordToggle &&\n !showStepper &&\n !this.showCharacterCounter;\n\n const type =\n this.type === \"password\" && this.showPassword ? \"text\" : this.type;\n\n const className = classnames(\n \"text-input\",\n `text-input--type-${this.type}`,\n {\n \"text-input--clearable\": this.clearable,\n \"text-input--disabled\": this.disabled,\n \"text-input--show-password\":\n this.type === \"password\" && this.showPassword,\n }\n );\n\n return (\n <Host>\n <div class={className}>\n {this.prefixLabel && (\n <span class=\"text-input__prefix\">{this.prefixLabel}</span>\n )}\n <Tag\n aria-describedby={this.flipAriaDescribedby}\n aria-disabled={this.disabled ? \"true\" : undefined}\n aria-invalid={ariaInvalid}\n autoComplete={this.autoComplete}\n autoFocus={this.autoFocus}\n class=\"text-input__input\"\n disabled={this.disabled}\n inputMode={this.mode}\n maxLength={this.maxLength}\n max={this.type === \"number\" ? this.max : undefined}\n min={this.type === \"number\" ? this.min : undefined}\n onFocus={this.onFocus}\n onInput={this.onInput}\n onKeyPress={this.onKeyPress}\n ref={(el) => (this.inputEl = el)}\n required={this.required}\n rows={this.rows > 1 ? this.rows : undefined}\n spellcheck={this.spellCheck}\n step={this.type === \"number\" ? this.step : undefined}\n type={type}\n value={this.rows === 1 ? this.value : undefined}\n >\n {this.rows > 1 && this.value}\n </Tag>\n {this.suffixLabel && (\n <span class=\"text-input__suffix\">{this.suffixLabel}</span>\n )}\n {showClearButton && (\n <button\n aria-label={this.clearButtonLabel}\n class=\"text-input__clear-button\"\n onClick={this.clear}\n type=\"button\"\n >\n <flip-icon-cancel></flip-icon-cancel>\n </button>\n )}\n {showPasswordToggle && (\n <button\n aria-label={this.passwordToggleLabel}\n class=\"text-input__password-toggle\"\n onClick={this.togglePassword}\n type=\"button\"\n >\n {this.showPassword ? (\n <flip-icon-visibility-off></flip-icon-visibility-off>\n ) : (\n <flip-icon-visibility></flip-icon-visibility>\n )}\n </button>\n )}\n {showStepper && (\n <span class=\"text-input__stepper\">\n <button\n aria-hidden=\"true\"\n class=\"text-input__step-button\"\n onClick={this.increaseValue}\n tabIndex={-1}\n type=\"button\"\n >\n <flip-icon-expand-less></flip-icon-expand-less>\n </button>\n <button\n aria-hidden=\"true\"\n class=\"text-input__step-button\"\n onClick={this.decreaseValue}\n tabIndex={-1}\n type=\"button\"\n >\n <flip-icon-expand-more></flip-icon-expand-more>\n </button>\n </span>\n )}\n {this.showCharacterCounter && (\n <span class=\"text-input__character-counter\">\n {this.value?.length \|\| 0}{\" \"}\n {Boolean(this.maxLength) ? `/ ${this.maxLength}` : \"\"}\n </span>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/flip-toast.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-72831c5f.js');
 const index$1 = require('./index-b8470262.js');
 require('./_commonjsHelpers-a5111d61.js');
-const flipToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:0.75rem;color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
+const flipToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
 const FlipToast = class {
   constructor(hostRef) {

package/dist/cjs/flip-toast.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"flip-toast.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,YAAY,GAAG,~~4gCAA4gC~~;;~~MCkBphC~~,SAAS;EALtB;;;IAMU,2BAAsB,GAAY,SAAS,CAAC;IAK5C,WAAM,GAAqB,SAAS,CAAC;IAqCrC,cAAS,GAAG;MAClB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC,CAAC;GAuBH;EAtDC,aAAa;IACX,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAED,gBAAgB;IACd,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAEO,UAAU;IAChB,IAAI,CAAC,UAAU,EAAE,CAAC;IAElB,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;MAC/B,OAAO;KACR;IAED,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;MACxB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;GACnB;EAEO,UAAU;IAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;MAC1B,OAAO;KACR;IAED,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;GAC1B;EAMD,MAAM;IACJ,MAAM,SAAS,GAAGA,kBAAU,CAAC,OAAO,EAAE,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAEtE,QACEC,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,SAAS,IAClB,IAAI,CAAC,IAAI,IAAIA,kBAAM,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,EACrEA,kBAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAQ,EAClDA,kCACc,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,sBAAsB,EAC5D,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,EACjB,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAIA,gCAAmC,CAC5D,CACL,CACD,EACP;GACH;;;;;;;;;","names":["classnames","h","Host"],"sources":["./src/components/flip-toast/flip-toast.css?tag=flip-toast&encapsulation=shadow","./src/components/flip-toast/flip-toast.tsx"],"sourcesContent":[":host {\n display: flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.toast {\n display: flex;\n width: 100%;\n max-width: 28rem;\n padding: var(--s-space-16);\n border-radius: ~~0.75rem~~;\n color: var(--s-text-on-status);\n background-color: var(--s-surface-neutral-default);\n}\n\n.toast--intent-critical {\n background-color: var(--s-surface-critical-default);\n}\n\n.toast--intent-success {\n background-color: var(--s-surface-success-default);\n}\n\n.toast__icon {\n display: inline-flex;\n margin-top: calc(-1 * var(--s-space-2));\n margin-right: 0.625rem;\n flex-shrink: 0;\n\n & ::part(icon) {\n color: var(--s-icon-on-status);\n }\n}\n\n.toast__content {\n flex-grow: 1;\n line-height: var(--s-line-height-base);\n text-align: left;\n}\n\n.toast__dismiss-button {\n display: inline-flex;\n min-width: 1.5rem;\n height: 1.5rem;\n margin-top: calc(-1 * var(--s-space-2));\n margin-left: var(--s-space-16);\n padding: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n border: none;\n color: var(--s-text-on-status);\n background-color: transparent;\n font: inherit;\n font-weight: var(--s-font-weight-semibold);\n cursor: pointer;\n\n & ::part(icon) {\n color: var(--s-icon-on-status);\n }\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipToastIntent = \"default\" \| \"critical\" \| \"success\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-toast.css\",\n tag: \"flip-toast\",\n})\nexport class FlipToast {\n @Prop() accessibleDismissLabel?: string = \"Dismiss\";\n @Prop() content!: string;\n @Prop() dismissLabel?: string;\n @Prop() duration?: number;\n @Prop() icon?: string;\n @Prop() intent?: FlipToastIntent = \"default\";\n @Prop() toastId!: string;\n\n @Event() dismiss: EventEmitter<string>;\n\n private timeout: NodeJS.Timeout;\n\n @Watch(\"duration\")\n watchDuration() {\n this.startTimer();\n }\n\n componentDidLoad() {\n this.startTimer();\n }\n\n private startTimer() {\n this.clearTimer();\n\n if (this.duration === undefined) {\n return;\n }\n\n this.timeout = setTimeout(() => {\n this.dismiss.emit(this.toastId);\n }, this.duration);\n }\n\n private clearTimer() {\n if (!Boolean(this.timeout)) {\n return;\n }\n\n clearTimeout(this.timeout);\n this.timeout = undefined;\n }\n\n private onDismiss = () => {\n this.dismiss.emit(this.toastId);\n };\n\n render() {\n const className = classnames(\"toast\", `toast--intent-${this.intent}`);\n\n return (\n <Host>\n <div class={className}>\n {this.icon && <span class=\"toast__icon\" innerHTML={this.icon}></span>}\n <span class=\"toast__content\">{this.content}</span>\n <button\n aria-label={this.dismissLabel \|\| this.accessibleDismissLabel}\n class=\"toast__dismiss-button\"\n onClick={this.onDismiss}\n type=\"button\"\n >\n {this.dismissLabel}\n {!Boolean(this.dismissLabel) && <flip-icon-close></flip-icon-close>}\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"flip-toast.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,YAAY,GAAG,8hCAA8hC;;MCkBtiC,SAAS;EALtB;;;IAMU,2BAAsB,GAAY,SAAS,CAAC;IAK5C,WAAM,GAAqB,SAAS,CAAC;IAqCrC,cAAS,GAAG;MAClB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC,CAAC;GAuBH;EAtDC,aAAa;IACX,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAED,gBAAgB;IACd,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAEO,UAAU;IAChB,IAAI,CAAC,UAAU,EAAE,CAAC;IAElB,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;MAC/B,OAAO;KACR;IAED,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;MACxB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;GACnB;EAEO,UAAU;IAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;MAC1B,OAAO;KACR;IAED,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;GAC1B;EAMD,MAAM;IACJ,MAAM,SAAS,GAAGA,kBAAU,CAAC,OAAO,EAAE,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAEtE,QACEC,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,SAAS,IAClB,IAAI,CAAC,IAAI,IAAIA,kBAAM,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,EACrEA,kBAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAQ,EAClDA,kCACc,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,sBAAsB,EAC5D,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,EACjB,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAIA,gCAAmC,CAC5D,CACL,CACD,EACP;GACH;;;;;;;;;","names":["classnames","h","Host"],"sources":["./src/components/flip-toast/flip-toast.css?tag=flip-toast&encapsulation=shadow","./src/components/flip-toast/flip-toast.tsx"],"sourcesContent":[":host {\n display: flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.toast {\n display: flex;\n width: 100%;\n max-width: 28rem;\n padding: var(--s-space-16);\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-on-status);\n background-color: var(--s-surface-neutral-default);\n}\n\n.toast--intent-critical {\n background-color: var(--s-surface-critical-default);\n}\n\n.toast--intent-success {\n background-color: var(--s-surface-success-default);\n}\n\n.toast__icon {\n display: inline-flex;\n margin-top: calc(-1 * var(--s-space-2));\n margin-right: 0.625rem;\n flex-shrink: 0;\n\n & ::part(icon) {\n color: var(--s-icon-on-status);\n }\n}\n\n.toast__content {\n flex-grow: 1;\n line-height: var(--s-line-height-base);\n text-align: left;\n}\n\n.toast__dismiss-button {\n display: inline-flex;\n min-width: 1.5rem;\n height: 1.5rem;\n margin-top: calc(-1 * var(--s-space-2));\n margin-left: var(--s-space-16);\n padding: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n border: none;\n color: var(--s-text-on-status);\n background-color: transparent;\n font: inherit;\n font-weight: var(--s-font-weight-semibold);\n cursor: pointer;\n\n & ::part(icon) {\n color: var(--s-icon-on-status);\n }\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipToastIntent = \"default\" \| \"critical\" \| \"success\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-toast.css\",\n tag: \"flip-toast\",\n})\nexport class FlipToast {\n @Prop() accessibleDismissLabel?: string = \"Dismiss\";\n @Prop() content!: string;\n @Prop() dismissLabel?: string;\n @Prop() duration?: number;\n @Prop() icon?: string;\n @Prop() intent?: FlipToastIntent = \"default\";\n @Prop() toastId!: string;\n\n @Event() dismiss: EventEmitter<string>;\n\n private timeout: NodeJS.Timeout;\n\n @Watch(\"duration\")\n watchDuration() {\n this.startTimer();\n }\n\n componentDidLoad() {\n this.startTimer();\n }\n\n private startTimer() {\n this.clearTimer();\n\n if (this.duration === undefined) {\n return;\n }\n\n this.timeout = setTimeout(() => {\n this.dismiss.emit(this.toastId);\n }, this.duration);\n }\n\n private clearTimer() {\n if (!Boolean(this.timeout)) {\n return;\n }\n\n clearTimeout(this.timeout);\n this.timeout = undefined;\n }\n\n private onDismiss = () => {\n this.dismiss.emit(this.toastId);\n };\n\n render() {\n const className = classnames(\"toast\", `toast--intent-${this.intent}`);\n\n return (\n <Host>\n <div class={className}>\n {this.icon && <span class=\"toast__icon\" innerHTML={this.icon}></span>}\n <span class=\"toast__content\">{this.content}</span>\n <button\n aria-label={this.dismissLabel \|\| this.accessibleDismissLabel}\n class=\"toast__dismiss-button\"\n onClick={this.onDismiss}\n type=\"button\"\n >\n {this.dismissLabel}\n {!Boolean(this.dismissLabel) && <flip-icon-close></flip-icon-close>}\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"flip-file-viewer.cjs\",[[1,\"flip-file-viewer\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"zoom\":[8],\"download\":[64],\"print\":[64]}]]],[\"flip-resource-list-file-item.cjs\",[[1,\"flip-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"flip-text-input.cjs\",[[2,\"flip-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[1],\"prefixLabel\":[1,\"prefix-label\"],\"required\":[4],\"rows\":[2],\"showCharacterCounter\":[4,\"show-character-counter\"],\"spellCheck\":[4,\"spell-check\"],\"suffixLabel\":[1,\"suffix-label\"],\"step\":[2],\"passwordToggleLabel\":[1,\"password-toggle-label\"],\"type\":[1],\"value\":[1537],\"showPassword\":[32]}]]],[\"flip-modal.cjs\",[[1,\"flip-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrolled\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"flip-date-input.cjs\",[[2,\"flip-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"format\":[1],\"invalid\":[4],\"locale\":[16],\"placeholder\":[1],\"required\":[4],\"value\":[1537]}]]],[\"flip-dialog.cjs\",[[1,\"flip-dialog\",{\"hideLabel\":[4,\"hide-label\"],\"intent\":[1],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"open\":[64],\"close\":[64]}]]],[\"flip-pagination.cjs\",[[1,\"flip-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"flip-toast-provider.cjs\",[[1,\"flip-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"flip-checkbox.cjs\",[[2,\"flip-checkbox\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"flip-empty-state.cjs\",[[1,\"flip-empty-state\",{\"heading\":[1],\"illustration\":[1]}]]],[\"flip-file-uploader.cjs\",[[2,\"flip-file-uploader\",{\"accept\":[1],\"ctaLabel\":[1,\"cta-label\"],\"description\":[1],\"disabled\":[4],\"dragDropLabel\":[1,\"drag-drop-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"multiple\":[4],\"showDropzone\":[4,\"show-dropzone\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"reset\":[64]}]]],[\"flip-form-control.cjs\",[[6,\"flip-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"flip-option-list-item.cjs\",[[1,\"flip-option-list-item\",{\"context\":[1025],\"disabled\":[4],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1]}]]],[\"flip-resource-list-item.cjs\",[[1,\"flip-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"media\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1]}]]],[\"flip-search.cjs\",[[2,\"flip-search\",{\"autoFocus\":[4,\"auto-focus\"],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"inputName\":[1,\"input-name\"],\"inputId\":[1,\"input-id\"],\"label\":[1],\"placeholder\":[1],\"value\":[1025]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"flip-avatar.cjs\",[[1,\"flip-avatar\",{\"badge\":[1],\"badgePosition\":[1,\"badge-position\"],\"icon\":[1],\"initials\":[1],\"interactive\":[4],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"size\":[1],\"src\":[1],\"variant\":[1],\"imageAvailable\":[32]}]]],[\"flip-banner.cjs\",[[1,\"flip-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"flip-radio.cjs\",[[2,\"flip-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"flip-resource-list.cjs\",[[1,\"flip-resource-list\",{\"label\":[1]}]]],[\"flip-switch.cjs\",[[2,\"flip-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"flip-tag.cjs\",[[1,\"flip-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"flip-video-thumbnail.cjs\",[[1,\"flip-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"flip-action-list.cjs\",[[1,\"flip-action-list\"]]],[\"flip-action-list-item.cjs\",[[1,\"flip-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}]]],[\"flip-action-list-section.cjs\",[[1,\"flip-action-list-section\",{\"label\":[1]}]]],[\"flip-avatar-group.cjs\",[[1,\"flip-avatar-group\",{\"badge\":[1]}]]],[\"flip-badge.cjs\",[[1,\"flip-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"flip-chip.cjs\",[[1,\"flip-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"flip-description-list.cjs\",[[1,\"flip-description-list\"]]],[\"flip-description-list-item.cjs\",[[1,\"flip-description-list-item\",{\"term\":[1]}]]],[\"flip-form-group.cjs\",[[6,\"flip-form-group\",{\"orientation\":[1]}]]],[\"flip-icon-add.cjs\",[[1,\"flip-icon-add\",{\"size\":[2]}]]],[\"flip-icon-add-photo.cjs\",[[1,\"flip-icon-add-photo\",{\"size\":[2]}]]],[\"flip-icon-admin-panel-settings.cjs\",[[1,\"flip-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"flip-icon-arrow-back.cjs\",[[1,\"flip-icon-arrow-back\",{\"size\":[2]}]]],[\"flip-icon-arrow-forward.cjs\",[[1,\"flip-icon-arrow-forward\",{\"size\":[2]}]]],[\"flip-icon-arrow-left.cjs\",[[1,\"flip-icon-arrow-left\",{\"size\":[2]}]]],[\"flip-icon-arrow-right.cjs\",[[1,\"flip-icon-arrow-right\",{\"size\":[2]}]]],[\"flip-icon-arrow-right-small.cjs\",[[1,\"flip-icon-arrow-right-small\",{\"size\":[2]}]]],[\"flip-icon-attachment.cjs\",[[1,\"flip-icon-attachment\",{\"size\":[2]}]]],[\"flip-icon-chat-bubble.cjs\",[[1,\"flip-icon-chat-bubble\",{\"size\":[2]}]]],[\"flip-icon-check.cjs\",[[1,\"flip-icon-check\",{\"size\":[2]}]]],[\"flip-icon-check-circle.cjs\",[[1,\"flip-icon-check-circle\",{\"size\":[2]}]]],[\"flip-icon-chevron-left.cjs\",[[1,\"flip-icon-chevron-left\",{\"size\":[2]}]]],[\"flip-icon-chevron-right.cjs\",[[1,\"flip-icon-chevron-right\",{\"size\":[2]}]]],[\"flip-icon-close-small.cjs\",[[1,\"flip-icon-close-small\",{\"size\":[2]}]]],[\"flip-icon-comment.cjs\",[[1,\"flip-icon-comment\",{\"size\":[2]}]]],[\"flip-icon-copy.cjs\",[[1,\"flip-icon-copy\",{\"size\":[2]}]]],[\"flip-icon-date-range.cjs\",[[1,\"flip-icon-date-range\",{\"size\":[2]}]]],[\"flip-icon-delete.cjs\",[[1,\"flip-icon-delete\",{\"size\":[2]}]]],[\"flip-icon-description.cjs\",[[1,\"flip-icon-description\",{\"size\":[2]}]]],[\"flip-icon-download.cjs\",[[1,\"flip-icon-download\",{\"size\":[2]}]]],[\"flip-icon-edit.cjs\",[[1,\"flip-icon-edit\",{\"size\":[2]}]]],[\"flip-icon-emoji-mood.cjs\",[[1,\"flip-icon-emoji-mood\",{\"size\":[2]}]]],[\"flip-icon-emoji-satisfied.cjs\",[[1,\"flip-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"flip-icon-file.cjs\",[[1,\"flip-icon-file\",{\"size\":[2]}]]],[\"flip-icon-folder-shared.cjs\",[[1,\"flip-icon-folder-shared\",{\"size\":[2]}]]],[\"flip-icon-fullscreen.cjs\",[[1,\"flip-icon-fullscreen\",{\"size\":[2]}]]],[\"flip-icon-fullscreen-exit.cjs\",[[1,\"flip-icon-fullscreen-exit\",{\"size\":[2]}]]],[\"flip-icon-group-assign.cjs\",[[1,\"flip-icon-group-assign\",{\"size\":[2]}]]],[\"flip-icon-groups.cjs\",[[1,\"flip-icon-groups\",{\"size\":[2]}]]],[\"flip-icon-groups-custom.cjs\",[[1,\"flip-icon-groups-custom\",{\"size\":[2]}]]],[\"flip-icon-image.cjs\",[[1,\"flip-icon-image\",{\"size\":[2]}]]],[\"flip-icon-info.cjs\",[[1,\"flip-icon-info\",{\"size\":[2]}]]],[\"flip-icon-inventory.cjs\",[[1,\"flip-icon-inventory\",{\"size\":[2]}]]],[\"flip-icon-like.cjs\",[[1,\"flip-icon-like\",{\"size\":[2]}]]],[\"flip-icon-link.cjs\",[[1,\"flip-icon-link\",{\"size\":[2]}]]],[\"flip-icon-lock.cjs\",[[1,\"flip-icon-lock\",{\"size\":[2]}]]],[\"flip-icon-logout.cjs\",[[1,\"flip-icon-logout\",{\"size\":[2]}]]],[\"flip-icon-mail.cjs\",[[1,\"flip-icon-mail\",{\"size\":[2]}]]],[\"flip-icon-manage-accounts.cjs\",[[1,\"flip-icon-manage-accounts\",{\"size\":[2]}]]],[\"flip-icon-mention.cjs\",[[1,\"flip-icon-mention\",{\"size\":[2]}]]],[\"flip-icon-message.cjs\",[[1,\"flip-icon-message\",{\"size\":[2]}]]],[\"flip-icon-more-horizontal.cjs\",[[1,\"flip-icon-more-horizontal\",{\"size\":[2]}]]],[\"flip-icon-more-vertikal.cjs\",[[1,\"flip-icon-more-vertikal\",{\"size\":[2]}]]],[\"flip-icon-notifications.cjs\",[[1,\"flip-icon-notifications\",{\"size\":[2]}]]],[\"flip-icon-notifications-active.cjs\",[[1,\"flip-icon-notifications-active\",{\"size\":[2]}]]],[\"flip-icon-notifications-off.cjs\",[[1,\"flip-icon-notifications-off\",{\"size\":[2]}]]],[\"flip-icon-open-in-new.cjs\",[[1,\"flip-icon-open-in-new\",{\"size\":[2]}]]],[\"flip-icon-people-alt.cjs\",[[1,\"flip-icon-people-alt\",{\"size\":[2]}]]],[\"flip-icon-person-off.cjs\",[[1,\"flip-icon-person-off\",{\"size\":[2]}]]],[\"flip-icon-phone.cjs\",[[1,\"flip-icon-phone\",{\"size\":[2]}]]],[\"flip-icon-poll.cjs\",[[1,\"flip-icon-poll\",{\"size\":[2]}]]],[\"flip-icon-print.cjs\",[[1,\"flip-icon-print\",{\"size\":[2]}]]],[\"flip-icon-recieved.cjs\",[[1,\"flip-icon-recieved\",{\"size\":[2]}]]],[\"flip-icon-remove.cjs\",[[1,\"flip-icon-remove\",{\"size\":[2]}]]],[\"flip-icon-search-strong.cjs\",[[1,\"flip-icon-search-strong\",{\"size\":[2]}]]],[\"flip-icon-send.cjs\",[[1,\"flip-icon-send\",{\"size\":[2]}]]],[\"flip-icon-settings.cjs\",[[1,\"flip-icon-settings\",{\"size\":[2]}]]],[\"flip-icon-time-filled.cjs\",[[1,\"flip-icon-time-filled\",{\"size\":[2]}]]],[\"flip-icon-time-outlined.cjs\",[[1,\"flip-icon-time-outlined\",{\"size\":[2]}]]],[\"flip-icon-user-assign.cjs\",[[1,\"flip-icon-user-assign\",{\"size\":[2]}]]],[\"flip-icon-video-camera.cjs\",[[1,\"flip-icon-video-camera\",{\"size\":[2]}]]],[\"flip-icon-warning.cjs\",[[1,\"flip-icon-warning\",{\"size\":[2]}]]],[\"flip-link.cjs\",[[1,\"flip-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"flip-list.cjs\",[[4,\"flip-list\"]]],[\"flip-option-list.cjs\",[[1,\"flip-option-list\",{\"disabled\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040]}]]],[\"flip-option-list-section.cjs\",[[1,\"flip-option-list-section\",{\"label\":[1]}]]],[\"flip-progress-indicator.cjs\",[[1,\"flip-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"flip-radio-group.cjs\",[[6,\"flip-radio-group\",{\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"value\":[1537]}]]],[\"flip-tab.cjs\",[[1,\"flip-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"flip-tabs.cjs\",[[6,\"flip-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"highlightedTab\":[32],\"activateTab\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"flip-theme-provider.cjs\",[[6,\"flip-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"flip-thumbnail.cjs\",[[1,\"flip-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"flip-tooltip.cjs\",[[1,\"flip-tooltip\",{\"content\":[1],\"delay\":[2],\"position\":[1],\"actualPosition\":[32],\"visible\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"flip-icon-close.cjs\",[[1,\"flip-icon-close\",{\"size\":[2]}]]],[\"flip-toast.cjs\",[[1,\"flip-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"flip-icon-check-small.cjs\",[[1,\"flip-icon-check-small\",{\"size\":[2]}]]],[\"flip-icon-cloud-upload.cjs\",[[1,\"flip-icon-cloud-upload\",{\"size\":[2]}]]],[\"flip-icon-person.cjs\",[[1,\"flip-icon-person\",{\"size\":[2]}]]],[\"flip-icon-search.cjs\",[[1,\"flip-icon-search\",{\"size\":[2]}]]],[\"flip-text.cjs\",[[1,\"flip-text\",{\"align\":[1],\"as\":[1],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"weight\":[1]}]]],[\"flip-button-group.cjs\",[[1,\"flip-button-group\",{\"orientation\":[1],\"stretch\":[4],\"wrap\":[4]}]]],[\"flip-heading.cjs\",[[1,\"flip-heading\",{\"align\":[1],\"as\":[1],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]}]]],[\"flip-icon-cancel.cjs\",[[1,\"flip-icon-cancel\",{\"size\":[2]}]]],[\"flip-icon-expand-more.cjs\",[[1,\"flip-icon-expand-more\",{\"size\":[2]}]]],[\"flip-date-picker_3.cjs\",[[1,\"flip-date-picker\",{\"locale\":[16],\"maxDate\":[16],\"minDate\":[16],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"flip-icon-today\",{\"size\":[2]}],[1,\"flip-popover\",{\"label\":[1],\"placement\":[1],\"popoverId\":[1,\"popover-id\"],\"trigger\":[1],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"click\",\"onWindowClick\"]]]]],[\"flip-icon-expand-less_3.cjs\",[[1,\"flip-icon-expand-less\",{\"size\":[2]}],[1,\"flip-icon-visibility\",{\"size\":[2]}],[1,\"flip-icon-visibility-off\",{\"size\":[2]}]]],[\"flip-icon-check-strong.cjs\",[[1,\"flip-icon-check-strong\",{\"size\":[2]}]]],[\"flip-stack.cjs\",[[1,\"flip-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"flip-visually-hidden.cjs\",[[1,\"flip-visually-hidden\"]]],[\"flip-file-viewer-audio_6.cjs\",[[1,\"flip-file-viewer-csv\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"data\":[32],\"error\":[32],\"loading\":[32]}],[1,\"flip-file-viewer-image\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32]}],[1,\"flip-file-viewer-pdf\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"visiblePages\":[32],\"print\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[1,\"flip-file-viewer-text\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32],\"text\":[32]}],[1,\"flip-file-viewer-audio\",{\"file\":[1],\"type\":[1]}],[1,\"flip-file-viewer-video\",{\"file\":[1],\"type\":[1]}]]],[\"flip-button.cjs\",[[2,\"flip-button\",{\"disabled\":[4],\"download\":[1],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"flipAriaLabel\":[1,\"flip-aria-label\"],\"form\":[1],\"hideLabel\":[4,\"hide-label\"],\"href\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"intent\":[1],\"label\":[1],\"name\":[1],\"size\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"flip-icon-error_3.cjs\",[[1,\"flip-spinner\",{\"label\":[1],\"size\":[1]}],[1,\"flip-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"flip-icon-error\",{\"size\":[2]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"flip-file-viewer.cjs\",[[1,\"flip-file-viewer\",{\"active\":[4],\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"zoom\":[8],\"download\":[64],\"print\":[64]}]]],[\"flip-resource-list-file-item.cjs\",[[1,\"flip-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"flip-text-input.cjs\",[[2,\"flip-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[1],\"prefixLabel\":[1,\"prefix-label\"],\"required\":[4],\"rows\":[2],\"showCharacterCounter\":[4,\"show-character-counter\"],\"spellCheck\":[4,\"spell-check\"],\"suffixLabel\":[1,\"suffix-label\"],\"step\":[2],\"passwordToggleLabel\":[1,\"password-toggle-label\"],\"type\":[1],\"value\":[1537],\"showPassword\":[32]}]]],[\"flip-lightbox.cjs\",[[1,\"flip-lightbox\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"label\":[1],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"activeSlideIndex\":[32],\"closing\":[32],\"slides\":[32],\"open\":[64],\"close\":[64],\"activateSlide\":[64]}]]],[\"flip-modal.cjs\",[[1,\"flip-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"flip-date-input.cjs\",[[2,\"flip-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"format\":[1],\"invalid\":[4],\"locale\":[16],\"placeholder\":[1],\"required\":[4],\"value\":[1537]}]]],[\"flip-dialog.cjs\",[[1,\"flip-dialog\",{\"hideLabel\":[4,\"hide-label\"],\"intent\":[1],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"open\":[64],\"close\":[64]}]]],[\"flip-pagination.cjs\",[[1,\"flip-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"flip-toast-provider.cjs\",[[1,\"flip-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"flip-checkbox.cjs\",[[2,\"flip-checkbox\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"flip-empty-state.cjs\",[[1,\"flip-empty-state\",{\"heading\":[1],\"illustration\":[1]}]]],[\"flip-file-uploader.cjs\",[[2,\"flip-file-uploader\",{\"accept\":[1],\"ctaLabel\":[1,\"cta-label\"],\"description\":[1],\"disabled\":[4],\"dragDropLabel\":[1,\"drag-drop-label\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"multiple\":[4],\"showDropzone\":[4,\"show-dropzone\"],\"uploadButtonLabel\":[1,\"upload-button-label\"],\"reset\":[64]}]]],[\"flip-form-control.cjs\",[[6,\"flip-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"flip-option-list-item.cjs\",[[1,\"flip-option-list-item\",{\"context\":[1025],\"disabled\":[4],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1]}]]],[\"flip-resource-list-item.cjs\",[[1,\"flip-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"media\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1]}]]],[\"flip-search.cjs\",[[2,\"flip-search\",{\"autoFocus\":[4,\"auto-focus\"],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"inputName\":[1,\"input-name\"],\"inputId\":[1,\"input-id\"],\"label\":[1],\"placeholder\":[1],\"value\":[1025]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"flip-avatar.cjs\",[[1,\"flip-avatar\",{\"badge\":[1],\"badgePosition\":[1,\"badge-position\"],\"icon\":[1],\"initials\":[1],\"interactive\":[4],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"size\":[1],\"src\":[1],\"variant\":[1],\"imageAvailable\":[32]}]]],[\"flip-banner.cjs\",[[1,\"flip-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"flip-radio.cjs\",[[2,\"flip-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"flip-resource-list.cjs\",[[1,\"flip-resource-list\",{\"label\":[1]}]]],[\"flip-switch.cjs\",[[2,\"flip-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"flip-tag.cjs\",[[1,\"flip-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"flip-video-thumbnail.cjs\",[[1,\"flip-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"flip-action-list.cjs\",[[1,\"flip-action-list\"]]],[\"flip-action-list-item.cjs\",[[1,\"flip-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}]]],[\"flip-action-list-section.cjs\",[[1,\"flip-action-list-section\",{\"label\":[1]}]]],[\"flip-avatar-group.cjs\",[[1,\"flip-avatar-group\",{\"badge\":[1]}]]],[\"flip-badge.cjs\",[[1,\"flip-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"flip-chip.cjs\",[[1,\"flip-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"flip-description-list.cjs\",[[1,\"flip-description-list\"]]],[\"flip-description-list-item.cjs\",[[1,\"flip-description-list-item\",{\"term\":[1]}]]],[\"flip-form-group.cjs\",[[6,\"flip-form-group\",{\"orientation\":[1]}]]],[\"flip-icon-add.cjs\",[[1,\"flip-icon-add\",{\"size\":[2]}]]],[\"flip-icon-add-photo.cjs\",[[1,\"flip-icon-add-photo\",{\"size\":[2]}]]],[\"flip-icon-admin-panel-settings.cjs\",[[1,\"flip-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"flip-icon-arrow-back.cjs\",[[1,\"flip-icon-arrow-back\",{\"size\":[2]}]]],[\"flip-icon-arrow-forward.cjs\",[[1,\"flip-icon-arrow-forward\",{\"size\":[2]}]]],[\"flip-icon-arrow-right-small.cjs\",[[1,\"flip-icon-arrow-right-small\",{\"size\":[2]}]]],[\"flip-icon-attachment.cjs\",[[1,\"flip-icon-attachment\",{\"size\":[2]}]]],[\"flip-icon-chat-bubble.cjs\",[[1,\"flip-icon-chat-bubble\",{\"size\":[2]}]]],[\"flip-icon-check.cjs\",[[1,\"flip-icon-check\",{\"size\":[2]}]]],[\"flip-icon-check-circle.cjs\",[[1,\"flip-icon-check-circle\",{\"size\":[2]}]]],[\"flip-icon-chevron-left.cjs\",[[1,\"flip-icon-chevron-left\",{\"size\":[2]}]]],[\"flip-icon-chevron-right.cjs\",[[1,\"flip-icon-chevron-right\",{\"size\":[2]}]]],[\"flip-icon-close-small.cjs\",[[1,\"flip-icon-close-small\",{\"size\":[2]}]]],[\"flip-icon-comment.cjs\",[[1,\"flip-icon-comment\",{\"size\":[2]}]]],[\"flip-icon-copy.cjs\",[[1,\"flip-icon-copy\",{\"size\":[2]}]]],[\"flip-icon-date-range.cjs\",[[1,\"flip-icon-date-range\",{\"size\":[2]}]]],[\"flip-icon-delete.cjs\",[[1,\"flip-icon-delete\",{\"size\":[2]}]]],[\"flip-icon-description.cjs\",[[1,\"flip-icon-description\",{\"size\":[2]}]]],[\"flip-icon-edit.cjs\",[[1,\"flip-icon-edit\",{\"size\":[2]}]]],[\"flip-icon-emoji-mood.cjs\",[[1,\"flip-icon-emoji-mood\",{\"size\":[2]}]]],[\"flip-icon-emoji-satisfied.cjs\",[[1,\"flip-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"flip-icon-file.cjs\",[[1,\"flip-icon-file\",{\"size\":[2]}]]],[\"flip-icon-folder-shared.cjs\",[[1,\"flip-icon-folder-shared\",{\"size\":[2]}]]],[\"flip-icon-fullscreen.cjs\",[[1,\"flip-icon-fullscreen\",{\"size\":[2]}]]],[\"flip-icon-fullscreen-exit.cjs\",[[1,\"flip-icon-fullscreen-exit\",{\"size\":[2]}]]],[\"flip-icon-group-assign.cjs\",[[1,\"flip-icon-group-assign\",{\"size\":[2]}]]],[\"flip-icon-groups.cjs\",[[1,\"flip-icon-groups\",{\"size\":[2]}]]],[\"flip-icon-groups-custom.cjs\",[[1,\"flip-icon-groups-custom\",{\"size\":[2]}]]],[\"flip-icon-image.cjs\",[[1,\"flip-icon-image\",{\"size\":[2]}]]],[\"flip-icon-info.cjs\",[[1,\"flip-icon-info\",{\"size\":[2]}]]],[\"flip-icon-inventory.cjs\",[[1,\"flip-icon-inventory\",{\"size\":[2]}]]],[\"flip-icon-like.cjs\",[[1,\"flip-icon-like\",{\"size\":[2]}]]],[\"flip-icon-link.cjs\",[[1,\"flip-icon-link\",{\"size\":[2]}]]],[\"flip-icon-lock.cjs\",[[1,\"flip-icon-lock\",{\"size\":[2]}]]],[\"flip-icon-logout.cjs\",[[1,\"flip-icon-logout\",{\"size\":[2]}]]],[\"flip-icon-mail.cjs\",[[1,\"flip-icon-mail\",{\"size\":[2]}]]],[\"flip-icon-manage-accounts.cjs\",[[1,\"flip-icon-manage-accounts\",{\"size\":[2]}]]],[\"flip-icon-mention.cjs\",[[1,\"flip-icon-mention\",{\"size\":[2]}]]],[\"flip-icon-message.cjs\",[[1,\"flip-icon-message\",{\"size\":[2]}]]],[\"flip-icon-more-horizontal.cjs\",[[1,\"flip-icon-more-horizontal\",{\"size\":[2]}]]],[\"flip-icon-more-vertikal.cjs\",[[1,\"flip-icon-more-vertikal\",{\"size\":[2]}]]],[\"flip-icon-notifications.cjs\",[[1,\"flip-icon-notifications\",{\"size\":[2]}]]],[\"flip-icon-notifications-active.cjs\",[[1,\"flip-icon-notifications-active\",{\"size\":[2]}]]],[\"flip-icon-notifications-off.cjs\",[[1,\"flip-icon-notifications-off\",{\"size\":[2]}]]],[\"flip-icon-open-in-new.cjs\",[[1,\"flip-icon-open-in-new\",{\"size\":[2]}]]],[\"flip-icon-people-alt.cjs\",[[1,\"flip-icon-people-alt\",{\"size\":[2]}]]],[\"flip-icon-person-off.cjs\",[[1,\"flip-icon-person-off\",{\"size\":[2]}]]],[\"flip-icon-phone.cjs\",[[1,\"flip-icon-phone\",{\"size\":[2]}]]],[\"flip-icon-poll.cjs\",[[1,\"flip-icon-poll\",{\"size\":[2]}]]],[\"flip-icon-print.cjs\",[[1,\"flip-icon-print\",{\"size\":[2]}]]],[\"flip-icon-recieved.cjs\",[[1,\"flip-icon-recieved\",{\"size\":[2]}]]],[\"flip-icon-remove.cjs\",[[1,\"flip-icon-remove\",{\"size\":[2]}]]],[\"flip-icon-search-strong.cjs\",[[1,\"flip-icon-search-strong\",{\"size\":[2]}]]],[\"flip-icon-send.cjs\",[[1,\"flip-icon-send\",{\"size\":[2]}]]],[\"flip-icon-settings.cjs\",[[1,\"flip-icon-settings\",{\"size\":[2]}]]],[\"flip-icon-time-filled.cjs\",[[1,\"flip-icon-time-filled\",{\"size\":[2]}]]],[\"flip-icon-time-outlined.cjs\",[[1,\"flip-icon-time-outlined\",{\"size\":[2]}]]],[\"flip-icon-user-assign.cjs\",[[1,\"flip-icon-user-assign\",{\"size\":[2]}]]],[\"flip-icon-video-camera.cjs\",[[1,\"flip-icon-video-camera\",{\"size\":[2]}]]],[\"flip-icon-warning.cjs\",[[1,\"flip-icon-warning\",{\"size\":[2]}]]],[\"flip-link.cjs\",[[1,\"flip-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"flip-list.cjs\",[[4,\"flip-list\"]]],[\"flip-option-list.cjs\",[[1,\"flip-option-list\",{\"disabled\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040]}]]],[\"flip-option-list-section.cjs\",[[1,\"flip-option-list-section\",{\"label\":[1]}]]],[\"flip-progress-indicator.cjs\",[[1,\"flip-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"flip-radio-group.cjs\",[[6,\"flip-radio-group\",{\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"value\":[1537]}]]],[\"flip-tab.cjs\",[[1,\"flip-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"flip-tabs.cjs\",[[6,\"flip-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"activateTab\":[64]}]]],[\"flip-theme-provider.cjs\",[[6,\"flip-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"flip-thumbnail.cjs\",[[1,\"flip-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"flip-tooltip.cjs\",[[1,\"flip-tooltip\",{\"content\":[1],\"delay\":[2],\"position\":[1],\"actualPosition\":[32],\"visible\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"flip-toast.cjs\",[[1,\"flip-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"flip-icon-check-small.cjs\",[[1,\"flip-icon-check-small\",{\"size\":[2]}]]],[\"flip-icon-cloud-upload.cjs\",[[1,\"flip-icon-cloud-upload\",{\"size\":[2]}]]],[\"flip-icon-person.cjs\",[[1,\"flip-icon-person\",{\"size\":[2]}]]],[\"flip-icon-search.cjs\",[[1,\"flip-icon-search\",{\"size\":[2]}]]],[\"flip-text.cjs\",[[1,\"flip-text\",{\"align\":[1],\"as\":[1],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"weight\":[1]}]]],[\"flip-button-group.cjs\",[[1,\"flip-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"flip-heading.cjs\",[[1,\"flip-heading\",{\"align\":[1],\"as\":[1],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]}]]],[\"flip-icon-cancel.cjs\",[[1,\"flip-icon-cancel\",{\"size\":[2]}]]],[\"flip-icon-expand-more.cjs\",[[1,\"flip-icon-expand-more\",{\"size\":[2]}]]],[\"flip-date-picker_3.cjs\",[[1,\"flip-date-picker\",{\"locale\":[16],\"maxDate\":[16],\"minDate\":[16],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"flip-icon-today\",{\"size\":[2]}],[1,\"flip-popover\",{\"label\":[1],\"placement\":[1],\"popoverId\":[1,\"popover-id\"],\"trigger\":[1],\"active\":[32],\"closing\":[32],\"position\":[32],\"close\":[64],\"open\":[64]},[[8,\"click\",\"onWindowClick\"]]]]],[\"flip-icon-arrow-left_3.cjs\",[[1,\"flip-icon-arrow-left\",{\"size\":[2]}],[1,\"flip-icon-arrow-right\",{\"size\":[2]}],[1,\"flip-icon-download\",{\"size\":[2]}]]],[\"flip-icon-expand-less_3.cjs\",[[1,\"flip-icon-expand-less\",{\"size\":[2]}],[1,\"flip-icon-visibility\",{\"size\":[2]}],[1,\"flip-icon-visibility-off\",{\"size\":[2]}]]],[\"flip-icon-check-strong.cjs\",[[1,\"flip-icon-check-strong\",{\"size\":[2]}]]],[\"flip-icon-close.cjs\",[[1,\"flip-icon-close\",{\"size\":[2]}]]],[\"flip-stack.cjs\",[[1,\"flip-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"flip-visually-hidden.cjs\",[[1,\"flip-visually-hidden\"]]],[\"flip-file-viewer-audio_6.cjs\",[[1,\"flip-file-viewer-csv\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"data\":[32],\"error\":[32],\"loading\":[32]}],[1,\"flip-file-viewer-image\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32]}],[1,\"flip-file-viewer-pdf\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"visiblePages\":[32],\"print\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[1,\"flip-file-viewer-text\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32],\"text\":[32]}],[1,\"flip-file-viewer-audio\",{\"file\":[1],\"type\":[1]}],[1,\"flip-file-viewer-video\",{\"file\":[1],\"type\":[1]}]]],[\"flip-button.cjs\",[[2,\"flip-button\",{\"disabled\":[4],\"download\":[1],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"flipAriaLabel\":[1,\"flip-aria-label\"],\"form\":[1],\"hideLabel\":[4,\"hide-label\"],\"href\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"intent\":[1],\"label\":[1],\"name\":[1],\"size\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"flip-icon-error_3.cjs\",[[1,\"flip-spinner\",{\"label\":[1],\"size\":[1]}],[1,\"flip-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"flip-icon-error\",{\"size\":[2]}]]]]"), options);
   });
 };