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

@getflip/swirl-components 0.4.0 → 0.5.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 (1752) hide show

package/dist/collection/components/flip-spinner/flip-spinner.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-spinner.js","sourceRoot":"","sources":["../../../../src/components/flip-spinner/flip-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,OAAO,WAAW;EALxB;IAOU,SAAI,GAAqB,GAAG,CAAC;GA2CtC;EAzCC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,iBAAiB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,EAAC,IAAI;MACH,YACE,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAEhD,0BACc,MAAM,EAClB,KAAK,EAAC,oBAAoB,EAC1B,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW;UAEnB,cACE,KAAK,EAAC,qBAAqB,EAC3B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,kBACE,GAAG,GAChB;UACF,cACE,KAAK,EAAC,iBAAiB,EACvB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,kBACE,GAAG,GAChB,CACE;QACL,IAAI,CAAC,KAAK,IAAI,CACb;UACE,YAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC3B,CACxB,CACI,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipSpinnerSize = \"s\" | \"m\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-spinner.css\",\n tag: \"flip-spinner\",\n})\nexport class FlipSpinner {\n @Prop() label?: string;\n @Prop() size?: FlipSpinnerSize = \"m\";\n\n render() {\n const className = classnames(\"spinner\", `spinner--size-${this.size}`);\n\n return (\n <Host>\n <span\n class={className}\n role={Boolean(this.label) ? \"status\" : undefined}\n >\n <svg\n aria-hidden=\"true\"\n class=\"spinner__indicator\"\n focusable=\"false\"\n viewBox=\"0 0 50 50\"\n >\n <circle\n class=\"spinner__background\"\n cx=\"25\"\n cy=\"25\"\n r=\"20\"\n fill=\"none\"\n stroke-width=\"4\"\n />\n <circle\n class=\"spinner__circle\"\n cx=\"25\"\n cy=\"25\"\n r=\"20\"\n fill=\"none\"\n stroke-width=\"4\"\n />\n </svg>\n {this.label && (\n <flip-visually-hidden>\n <span class=\"spinner__label\">{this.label}</span>\n </flip-visually-hidden>\n )}\n </span>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-spinner/flip-spinner.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-spinner.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-spinner/flip-spinner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,eAAe;EACb,SAAS,EAAE,cAAc;EACzB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;EAE3D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE7C,WAAW,CAAC,IAAI,GAAG;EACjB,KAAK,EAAE,oBAAoB;CAC5B,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-spinner.mdx\";\n\nexport default {\n component: \"flip-spinner\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipSpinner\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-spinner\", args);\n\n return element;\n};\n\nexport const FlipSpinner = Template.bind({});\n\nFlipSpinner.args = {\n label: \"Loading messages …\",\n};\n"]}

package/dist/collection/components/flip-stack/flip-stack.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-stack.js","sourceRoot":"","sources":["../../../../src/components/flip-stack/flip-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AA8BpC,MAAM,OAAO,SAAS;EALtB;IAMU,UAAK,GAAoB,OAAO,CAAC;IACjC,OAAE,GAAY,KAAK,CAAC;IACpB,YAAO,GAAsB,OAAO,CAAC;IACrC,gBAAW,GAA0B,UAAU,CAAC;IAChD,YAAO,GAAsB,GAAG,CAAC;IACjC,SAAI,GAAa,KAAK,CAAC;GAwBhC;EAtBC,MAAM;IACJ,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;IAEpB,MAAM,SAAS,GAAG,UAAU,CAC1B,OAAO,EACP,gBAAgB,IAAI,CAAC,KAAK,EAAE,EAC5B,kBAAkB,IAAI,CAAC,OAAO,EAAE,EAChC,sBAAsB,IAAI,CAAC,WAAW,EAAE,EACxC,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,CAC7B,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,EAAC,GAAG,IACF,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,EAAE,GAAG,EAAE,iBAAiB,IAAI,CAAC,OAAO,GAAG,EAAE;QAEhD,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipStackAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nexport type FlipStackJustify =\n | \"start\"\n | \"center\"\n | \"end\"\n | \"space-between\"\n | \"space-around\"\n | \"space-evenly\"\n | \"stretch\";\n\nexport type FlipStackOrientation = \"horizontal\" | \"vertical\";\n\nexport type FlipStackSpacing =\n | \"0\"\n | \"2\"\n | \"4\"\n | \"8\"\n | \"12\"\n | \"16\"\n | \"24\"\n | \"32\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-stack.css\",\n tag: \"flip-stack\",\n})\nexport class FlipStack {\n @Prop() align?: FlipStackAlign = \"start\";\n @Prop() as?: string = \"div\";\n @Prop() justify?: FlipStackJustify = \"start\";\n @Prop() orientation?: FlipStackOrientation = \"vertical\";\n @Prop() spacing?: FlipStackSpacing = \"0\";\n @Prop() wrap?: boolean = false;\n\n render() {\n const Tag = this.as;\n\n const className = classnames(\n \"stack\",\n `stack--align-${this.align}`,\n `stack--justify-${this.justify}`,\n `stack--orientation-${this.orientation}`,\n { \"stack--wrap\": this.wrap }\n );\n\n return (\n <Host>\n <Tag\n class={className}\n style={{ gap: `var(--s-space-${this.spacing})` }}\n >\n <slot></slot>\n </Tag>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-stack/flip-stack.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-stack.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-stack/flip-stack.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,eAAe;EACb,SAAS,EAAE,YAAY;EACvB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;EAEzD,OAAO,CAAC,SAAS,GAAG;;;;;;;;GAQnB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE3C,SAAS,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-stack.mdx\";\n\nexport default {\n component: \"flip-stack\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipStack\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-stack\", args);\n\n element.innerHTML = `\n <flip-badge label=\"Dennis\" intent=\"decorative-1\"></flip-badge>\n <flip-badge label=\"Lennart\" intent=\"decorative-2\"></flip-badge>\n <flip-badge label=\"Jan\" intent=\"decorative-3\"></flip-badge>\n <flip-badge label=\"Konsti\" intent=\"decorative-4\"></flip-badge>\n <flip-badge label=\"Adam\" intent=\"decorative-5\"></flip-badge>\n <flip-badge label=\"Dario\" intent=\"decorative-6\"></flip-badge>\n <flip-badge label=\"Fabi\" intent=\"decorative-7\"></flip-badge>\n `;\n\n return element;\n};\n\nexport const FlipStack = Template.bind({});\n\nFlipStack.args = {};\n"]}

package/dist/collection/components/flip-switch/flip-switch.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-switch.js","sourceRoot":"","sources":["../../../../src/components/flip-switch/flip-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipSwitchSize = \"s\" | \"m\";\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-switch.css\",\n tag: \"flip-switch\",\n})\nexport class FlipSwitch {\n @Element() el: HTMLElement;\n\n @Prop({ mutable: true }) checked?: boolean = false;\n @Prop() disabled?: boolean = false;\n @Prop() inputId!: string;\n @Prop() inputName!: string;\n @Prop() label?: string;\n @Prop() size?: FlipSwitchSize = \"m\";\n @Prop() value?: string;\n\n @Event() valueChange: EventEmitter<boolean>;\n\n private control: HTMLElement;\n private dragging = false;\n private recentlyDragged = false;\n private thumb: HTMLElement;\n\n @Listen(\"pointerup\", { target: \"window\" })\n onWindowPointerUp() {\n this.onEndDrag();\n }\n\n private onChange = () => {\n if (this.dragging) {\n return;\n }\n\n if (this.recentlyDragged) {\n this.recentlyDragged = false;\n return;\n }\n\n this.checked = !this.checked;\n this.valueChange.emit(this.checked);\n };\n\n private onStartDrag = () => {\n if (this.disabled) {\n return;\n }\n\n this.dragging = true;\n this.thumb.style.transition = \"none\";\n };\n\n private onEndDrag = () => {\n if (this.disabled) {\n return;\n }\n\n if (this.recentlyDragged) {\n const controlBonds = this.control.getBoundingClientRect();\n const thumbBounds = this.thumb.getBoundingClientRect();\n\n const on =\n this.thumb.offsetLeft + thumbBounds.width / 2 > controlBonds.width / 2;\n\n if (this.checked !== on) {\n this.checked = on;\n this.valueChange.emit(on);\n }\n }\n\n this.thumb.style.left = \"\";\n this.thumb.style.transition = \"\";\n\n this.dragging = false;\n\n setTimeout(() => {\n this.recentlyDragged = false;\n });\n };\n\n private onDrag = (event: PointerEvent) => {\n if (!this.dragging) {\n return;\n }\n\n this.recentlyDragged = true;\n\n const controlBonds = this.control.getBoundingClientRect();\n const thumbBounds = this.thumb.getBoundingClientRect();\n\n let pos = Math.round(event.offsetX - thumbBounds.width / 2);\n\n if (pos < 0) {\n pos = 0;\n }\n\n if (pos > Math.round(controlBonds.width - thumbBounds.width)) {\n pos = Math.round(controlBonds.width - thumbBounds.width);\n }\n\n this.thumb.style.left = `${pos}px`;\n };\n\n render() {\n const off = !this.checked;\n const on = this.checked;\n\n const ariaCheckedLabel = on ? \"true\" : \"false\";\n\n const className = classnames(\"switch\", `switch--size-${this.size}`, {\n \"switch--off\": off,\n \"switch--on\": on,\n \"switch--disabled\": this.disabled,\n });\n\n return (\n <Host>\n <label class={className} htmlFor={this.inputId}>\n <span\n class=\"switch__control\"\n onPointerDown={this.onStartDrag}\n onPointerMove={this.onDrag}\n onPointerUp={this.onEndDrag}\n ref={(el) => (this.control = el)}\n >\n <flip-visually-hidden>\n <input\n aria-checked={ariaCheckedLabel}\n checked={on}\n class=\"switch__input\"\n disabled={this.disabled}\n id={this.inputId}\n name={this.inputName}\n onChange={this.onChange}\n role=\"switch\"\n type=\"checkbox\"\n value={this.value}\n />\n </flip-visually-hidden>\n <span\n aria-hidden=\"true\"\n class=\"switch__thumb\"\n ref={(el) => (this.thumb = el)}\n ></span>\n </span>\n {this.label && <span class=\"switch__label\">{this.label}</span>}\n </label>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-switch/flip-switch.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-switch.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-switch/flip-switch.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,eAAe;EACb,SAAS,EAAE,aAAa;EACxB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;EAE1D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5C,UAAU,CAAC,IAAI,GAAG;EAChB,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,QAAQ;EACjB,SAAS,EAAE,QAAQ;EACnB,KAAK,EAAE,QAAQ;CAChB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-switch.mdx\";\n\nexport default {\n component: \"flip-switch\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipSwitch\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-switch\", args);\n\n return element;\n};\n\nexport const FlipSwitch = Template.bind({});\n\nFlipSwitch.args = {\n checked: true,\n inputId: \"switch\",\n inputName: \"switch\",\n label: \"Switch\",\n};\n"]}

package/dist/collection/components/flip-tab/flip-tab.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tab.js","sourceRoot":"","sources":["../../../../src/components/flip-tab/flip-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,OAAO,OAAO;EAKlB,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,EAAC,IAAI,uBACc,OAAO,IAAI,CAAC,KAAK,EAAE,EACpC,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;MAE9B,WAAK,KAAK,EAAE,SAAS;QACnB,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-tab.css\",\n tag: \"flip-tab\",\n})\nexport class FlipTab {\n @Prop() active?: boolean;\n @Prop() label!: string;\n @Prop() tabId!: string;\n\n render() {\n const className = classnames(\"tab\", { \"tab--active\": this.active });\n\n return (\n <Host\n aria-labelledby={`tab-${this.tabId}`}\n id={this.tabId}\n role=\"tabpanel\"\n tabIndex={this.active ? 0 : -1}\n >\n <div class={className}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-tab/flip-tab.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tab.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-tab/flip-tab.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,eAAe;EACb,SAAS,EAAE,UAAU;EACrB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;EAEvD,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;EAE9B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;EACb,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,OAAO;EACd,KAAK,EAAE,QAAQ;CAChB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-tab.mdx\";\n\nexport default {\n component: \"flip-tab\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipTab\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-tab\", args);\n\n element.innerHTML = `Content`;\n\n return element;\n};\n\nexport const FlipTab = Template.bind({});\n\nFlipTab.args = {\n active: true,\n label: \"Label\",\n tabId: \"tab-id\",\n};\n"]}

package/dist/collection/components/flip-tabs/flip-tabs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tabs.js","sourceRoot":"","sources":["../../../../src/components/flip-tabs/flip-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,OAAO,QAAQ;EANrB;IAgBU,SAAI,GAAyB,EAAE,CAAC;IAuEhC,cAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;MAC3C,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;QAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;OAC5B;WAAM,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;QACtC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,eAAe,EAAE,CAAC;OACxB;IACH,CAAC,CAAC;GAyCH;EAtHC,iBAAiB;IACf,IAAI,CAAC,WAAW,EAAE,CAAC;EACrB,CAAC;EAED;;;KAGG;EAEI,KAAK,CAAC,WAAW,CAAC,KAAa;IACpC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;MAC5B,OAAO;KACR;IAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;IAEjD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEzD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;MACjB,OAAO;KACR;IAED,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;EAC9B,CAAC;EAEO,eAAe;IACrB,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CACtC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CACtC,CAAC;IAEF,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;IAEnE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;IAE7C,qBAAqB,CAAC,GAAG,EAAE;;MACzB,MAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAoB,oBAAoB,CAAC,0CAAE,KAAK,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;EACL,CAAC;EAEO,mBAAmB;IACzB,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CACtC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CACtC,CAAC;IAEF,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;IAEpD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,CAAC;IAEjD,qBAAqB,CAAC,GAAG,EAAE;;MACzB,MAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAoB,oBAAoB,CAAC,0CAAE,KAAK,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;EACL,CAAC;EAEO,WAAW;IACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IAE7D,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MAC1B,OAAO;KACR;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC;IAE1E,IAAI,CAAC,WAAW,CACd,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAC5D,CAAC;EACJ,CAAC;EAYD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,MAAM;QACf,yBACc,IAAI,CAAC,KAAK,EACtB,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAC,SAAS,IAEb,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;UACrB,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC;UAC9C,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE;YACxC,mBAAmB,EAAE,QAAQ;WAC9B,CAAC,CAAC;UAEH,OAAO,CACL,+BACiB,GAAG,CAAC,KAAK,mBACT,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1C,KAAK,EAAE,SAAS,EAChB,EAAE,EAAE,OAAO,GAAG,CAAC,KAAK,EAAE,EACtB,GAAG,EAAE,GAAG,CAAC,KAAK;YACd,6CAA6C;YAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAC1C,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAC,QAAQ;YAEb,YAAM,KAAK,EAAC,iBAAiB,IAAE,GAAG,CAAC,KAAK,CAAQ,CACzC,CACV,CAAC;QACJ,CAAC,CAAC,CACE;QACN,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/flip-tabs/flip-tabs.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-tabs/flip-tabs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,eAAe;EACb,SAAS,EAAE,WAAW;EACtB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,qBAAqB;CAC7B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;EAExD,OAAO,CAAC,SAAS,GAAG;;;;GAInB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,QAAQ,CAAC,IAAI,GAAG;EACd,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,MAAM;CACd,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-tabs.mdx\";\n\nexport default {\n component: \"flip-tabs\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipTabs\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-tabs\", args);\n\n element.innerHTML = `\n <flip-tab label=\"Tab #1\" tab-id=\"tab-1\">Tab 1</flip-tab>\n <flip-tab label=\"Tab #2\" tab-id=\"tab-2\">Tab 2</flip-tab>\n <flip-tab label=\"Tab Number 3\" tab-id=\"tab-3\">Tab 3</flip-tab>\n `;\n\n return element;\n};\n\nexport const FlipTabs = Template.bind({});\n\nFlipTabs.args = {\n initialTab: \"tab-2\",\n label: \"Tabs\",\n};\n"]}

package/dist/collection/components/flip-tag/flip-tag.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tag.js","sourceRoot":"","sources":["../../../../src/components/flip-tag/flip-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,OAAO,OAAO;EALpB;IAMU,WAAM,GAAmB,SAAS,CAAC;IAGnC,uBAAkB,GAAY,QAAQ,CAAC;IAIvC,aAAQ,GAAG,CAAC,KAAiB,EAAE,EAAE;;MACvC,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;GAuBH;EArBC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,EAAC,IAAI;MACH,YAAM,KAAK,EAAE,SAAS;QACnB,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,SAAS,IAAI,CACjB,4BACc,IAAI,CAAC,kBAAkB,EACnC,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,QAAQ;UAEb,uBAAiB,IAAI,EAAE,EAAE,GAAoB,CACtC,CACV,CACI,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipTagIntent =\n | \"default\"\n | \"critical\"\n | \"warning\"\n | \"success\"\n | \"info\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-tag.css\",\n tag: \"flip-tag\",\n})\nexport class FlipTag {\n @Prop() intent?: FlipTagIntent = \"default\";\n @Prop() label!: string;\n @Prop() removable?: boolean;\n @Prop() removalButtonLabel?: string = \"Remove\";\n\n @Event() remove?: EventEmitter<MouseEvent>;\n\n private onRemove = (event: MouseEvent) => {\n this.remove?.emit(event);\n };\n\n render() {\n const className = classnames(\"tag\", `tag--intent-${this.intent}`);\n\n return (\n <Host>\n <span class={className}>\n {this.label}\n {this.removable && (\n <button\n aria-label={this.removalButtonLabel}\n class=\"tag__removal-button\"\n onClick={this.onRemove}\n type=\"button\"\n >\n <flip-icon-close size={16}></flip-icon-close>\n </button>\n )}\n </span>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-tag/flip-tag.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tag.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-tag/flip-tag.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,eAAe;EACb,SAAS,EAAE,UAAU;EACrB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;EAEvD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;EACb,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,IAAI;CAChB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-tag.mdx\";\n\nexport default {\n component: \"flip-tag\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipTag\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-tag\", args);\n\n return element;\n};\n\nexport const FlipTag = Template.bind({});\n\nFlipTag.args = {\n label: \"Label\",\n removable: true,\n};\n"]}

package/dist/collection/components/flip-text/flip-text.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-text.js","sourceRoot":"","sources":["../../../../src/components/flip-text/flip-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AAsBpC,MAAM,OAAO,QAAQ;EALrB;IAMU,UAAK,GAAmB,OAAO,CAAC;IAChC,OAAE,GAAY,GAAG,CAAC;IAClB,UAAK,GAAmB,SAAS,CAAC;IAClC,cAAS,GAAuB,QAAQ,CAAC;IACzC,SAAI,GAAkB,MAAM,CAAC;IAC7B,WAAM,GAAoB,QAAQ,CAAC;GAsB5C;EApBC,MAAM;IACJ,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;IAEpB,MAAM,SAAS,GAAG,UAAU,CAC1B,MAAM,EACN,eAAe,IAAI,CAAC,KAAK,EAAE,EAC3B,eAAe,IAAI,CAAC,KAAK,EAAE,EAC3B,oBAAoB,IAAI,CAAC,SAAS,EAAE,EACpC,cAAc,IAAI,CAAC,IAAI,EAAE,EACzB,gBAAgB,IAAI,CAAC,MAAM,EAAE,CAC9B,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,EAAC,GAAG,IAAC,KAAK,EAAE,SAAS;QACnB,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipTextAlign = \"start\" | \"center\" | \"end\";\n\nexport type FlipTextColor =\n | \"default\"\n | \"subdued\"\n | \"critical\"\n | \"success\"\n | \"warning\";\n\nexport type FlipTextFontStyle = \"normal\" | \"italic\";\n\nexport type FlipTextSize = \"sm\" | \"base\" | \"lg\";\n\nexport type FlipTextWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-text.css\",\n tag: \"flip-text\",\n})\nexport class FlipText {\n @Prop() align?: FlipTextAlign = \"start\";\n @Prop() as?: string = \"p\";\n @Prop() color?: FlipTextColor = \"default\";\n @Prop() fontStyle?: FlipTextFontStyle = \"normal\";\n @Prop() size?: FlipTextSize = \"base\";\n @Prop() weight?: FlipTextWeight = \"normal\";\n\n render() {\n const Tag = this.as;\n\n const className = classnames(\n \"text\",\n `text--align-${this.align}`,\n `text--color-${this.color}`,\n `text--font-style-${this.fontStyle}`,\n `text--size-${this.size}`,\n `text--weight-${this.weight}`\n );\n\n return (\n <Host>\n <Tag class={className}>\n <slot></slot>\n </Tag>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-text/flip-text.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-text.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-text/flip-text.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,eAAe;EACb,SAAS,EAAE,WAAW;EACtB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,qBAAqB;CAC7B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;EAExD,OAAO,CAAC,SAAS,GAAG;;;;;;GAMnB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,QAAQ,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-text.mdx\";\n\nexport default {\n component: \"flip-text\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipText\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-text\", args);\n\n element.innerHTML = `\n Est, odio dis scelerisque risus sagittis lorem rhoncus. Vivamus tristique\n habitant vitae cursus nisl. Sed adipiscing proin suspendisse aliquam\n maecenas faucibus mauris purus. Tortor ut habitant erat adipiscing nulla\n pretium, cursus tortor. Amet viverra et platea lacus, nec molestie\n tincidunt.\n `;\n\n return element;\n};\n\nexport const FlipText = Template.bind({});\n\nFlipText.args = {};\n"]}

package/dist/collection/components/flip-text-input/flip-text-input.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-text-input.js","sourceRoot":"","sources":["../../../../src/components/flip-text-input/flip-text-input.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/flip-text-input/flip-text-input.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-text-input.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-text-input/flip-text-input.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,eAAe;EACb,SAAS,EAAE,iBAAiB;EAC5B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;EAE9D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE/C,aAAa,CAAC,IAAI,GAAG;EACnB,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-text-input.mdx\";\n\nexport default {\n component: \"flip-text-input\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipTextInput\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-text-input\", args);\n\n return element;\n};\n\nexport const FlipTextInput = Template.bind({});\n\nFlipTextInput.args = {\n value: \"Value\",\n};\n"]}

package/dist/collection/components/flip-theme-provider/flip-theme-provider.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-theme-provider.js","sourceRoot":"","sources":["../../../../src/components/flip-theme-provider/flip-theme-provider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Method, Prop, Watch } from \"@stencil/core\";\nimport { hsla, parseToHsla, toRgba } from \"color2k\";\nexport type FlipTheme = \"light\" | \"dark\";\n\nexport type FlipThemeProviderStorage = {\n getItem: (key: string) => string;\n removeItem: (key: string) => void;\n setItem: (key: string, value: string) => void;\n};\n\nexport type FlipThemeProviderTenantColors = {\n primary?: string;\n primaryContrast?: string;\n secondary?: string;\n secondaryContrast?: string;\n text?: string;\n};\n\nexport type FlipThemeProviderConfig = {\n rootElement?: HTMLElement;\n storage?: FlipThemeProviderStorage;\n tenantColors?: FlipThemeProviderTenantColors;\n};\n\nconst preferredThemeStorageKey = \"flip-preferred-theme\";\n\nconst tenantColorMapping = {\n \"--s-action-primary-default\": \"primary\",\n \"--s-action-primary-hovered\": \"primaryHovered\",\n \"--s-action-primary-pressed\": \"primaryPressed\",\n \"--s-text-on-action-primary\": \"primaryContrast\",\n \"--s-icon-on-action-primary\": \"primaryContrast\",\n \"--s-surface-highlight-default\": \"secondary\",\n \"--s-surface-highlight-hovered\": \"secondaryHovered\",\n \"--s-surface-highlight-pressed\": \"secondaryPressed\",\n \"--s-on-surface-highlight-default\": \"secondaryHovered\",\n \"--s-text-on-surface-highlight\": \"secondaryContrast\",\n \"--s-icon-on-surface-highlight\": \"secondaryContrast\",\n \"--s-text-highlight\": \"text\",\n \"--s-interactive-primary-default\": \"text\",\n \"--s-interactive-primary-hovered\": \"textHovered\",\n \"--s-interactive-primary-pressed\": \"textPressed\",\n};\n\n@Component({\n scoped: true,\n styleUrl: \"flip-theme-provider.css\",\n tag: \"flip-theme-provider\",\n})\nexport class FlipThemeProvider {\n @Prop() config: FlipThemeProviderConfig;\n\n private appTheme: FlipTheme;\n private osTheme: FlipTheme;\n private resolvedConfig: FlipThemeProviderConfig;\n\n componentWillLoad() {\n this.resolveConfig();\n this.determineOSTheme();\n this.updateAppTheme();\n }\n\n @Watch(\"config\")\n watchConfig() {\n this.resolveConfig();\n this.determineOSTheme();\n this.updateAppTheme();\n }\n\n /**\n * Returns the active app theme.\n * @returns FlipTheme\n */\n @Method()\n async getActiveTheme() {\n return this.appTheme;\n }\n\n /**\n * Returns the user's preferred theme stored in local storage.\n * @returns FlipTheme\n */\n @Method()\n async getPreferredTheme() {\n if (!Boolean(this.resolvedConfig.storage)) {\n return;\n }\n\n return this.resolvedConfig.storage.getItem(\n preferredThemeStorageKey\n ) as FlipTheme | null;\n }\n\n /**\n * Sets the user's preferred theme and stores it in local storage. Overrides\n * the OS theme.\n */\n @Method()\n async setPreferredTheme(theme: FlipTheme) {\n if (!Boolean(this.resolvedConfig.storage)) {\n return;\n }\n\n this.resolvedConfig.storage.setItem(preferredThemeStorageKey, theme);\n\n this.updateAppTheme();\n }\n\n /**\n * Resets the user's preferred theme, using the OS theme instead.\n */\n @Method()\n async resetPreferredTheme() {\n if (!Boolean(this.resolvedConfig.storage)) {\n return;\n }\n\n this.resolvedConfig.storage.removeItem(preferredThemeStorageKey);\n\n this.updateAppTheme();\n }\n\n private resolveConfig() {\n this.resolvedConfig = {\n ...(this.config || {}),\n rootElement: this.config?.rootElement || document.documentElement,\n storage: this.config?.storage || window?.localStorage,\n };\n }\n\n private determineOSTheme() {\n if (!Boolean(window.matchMedia)) {\n this.osTheme = \"light\";\n return;\n }\n\n const darkThemeMediaQuery = window.matchMedia(\n \"(prefers-color-scheme: dark)\"\n );\n\n this.osTheme = darkThemeMediaQuery.matches ? \"dark\" : \"light\";\n\n darkThemeMediaQuery.addEventListener(\"change\", (e) => {\n this.osTheme = e.matches ? \"dark\" : \"light\";\n\n this.updateAppTheme();\n });\n }\n\n private async updateAppTheme() {\n this.appTheme = (await this.getPreferredTheme()) || this.osTheme;\n\n if (this.appTheme === \"dark\") {\n document.documentElement.classList.remove(\"theme-light\");\n document.documentElement.classList.add(\"theme-dark\");\n } else {\n document.documentElement.classList.remove(\"theme-dark\");\n document.documentElement.classList.add(\"theme-light\");\n }\n\n this.updateTenantVariables();\n }\n\n private updateTenantVariables() {\n const tenantTheme = this.resolvedConfig?.tenantColors;\n\n if (!Boolean(tenantTheme)) {\n this.resetTenantVariables();\n return;\n }\n\n const rootElement = this.resolvedConfig.rootElement;\n\n // generate state colors (hovered, pressed) from base colors\n const primaryHsla = parseToHsla(tenantTheme.primary);\n const secondaryHsla = parseToHsla(tenantTheme.secondary);\n const textHsla = parseToHsla(tenantTheme.text);\n\n const primaryHovered = toRgba(\n hsla(primaryHsla[0], primaryHsla[1] - 0.21, primaryHsla[2] + 0.09, 1)\n );\n const primaryPressed = toRgba(\n hsla(primaryHsla[0], primaryHsla[1] - 0.2, primaryHsla[2] + 0.17, 1)\n );\n\n const secondaryHovered = toRgba(\n hsla(secondaryHsla[0], secondaryHsla[1], secondaryHsla[2] + 0.07, 1)\n );\n const secondaryPressed = toRgba(\n hsla(secondaryHsla[0], secondaryHsla[1], secondaryHsla[2] + 0.15, 1)\n );\n\n const textHovered = toRgba(\n hsla(textHsla[0], textHsla[1] - 0.34, textHsla[2] + 0.1, 1)\n );\n const textPressed = toRgba(\n hsla(textHsla[0], textHsla[1] - 0.48, textHsla[2] + 0.2, 1)\n );\n\n const tenantThemeWithGeneratedStateColors: FlipThemeProviderTenantColors & {\n [key: string]: string;\n } = {\n ...tenantTheme,\n primaryHovered: primaryHovered,\n primaryPressed: primaryPressed,\n secondaryHovered: secondaryHovered,\n secondaryPressed: secondaryPressed,\n textHovered: textHovered,\n textPressed: textPressed,\n };\n\n // set custom properties for tenant theme colors\n Object.entries(tenantColorMapping).forEach(([key, value]) =>\n rootElement.style.setProperty(\n key,\n tenantThemeWithGeneratedStateColors[value]\n )\n );\n }\n\n private resetTenantVariables() {\n const rootElement = this.resolvedConfig.rootElement;\n\n [\n ...Object.keys(tenantColorMapping),\n \"primaryHovered\",\n \"primaryPressed\",\n \"secondaryHovered\",\n \"secondaryPressed\",\n \"textHovered\",\n \"textPressed\",\n ].forEach((key) => rootElement.style.removeProperty(key));\n }\n\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-theme-provider/flip-theme-provider.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-theme-provider.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-theme-provider/flip-theme-provider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,2BAA2B,CAAC;AAE7C,eAAe;EACb,SAAS,EAAE,qBAAqB;EAChC,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,aAAa,EAAE,KAAK;MACpB,IAAI,EAAE,IAAI;MACV,MAAM,EAAE;QACN,IAAI,EAAE;;;;;;;;;;;;;;;;;;UAkBJ;OACH;KACF;GACF;EACD,KAAK,EAAE,8BAA8B;CACtC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAClC,qBAAqB,EACrB,IAAI,CAC2B,CAAC;EAElC,MAAM,MAAM,GAAG;IACb,YAAY,EAAE;MACZ,OAAO,EAAE,sBAAsB;MAC/B,eAAe,EAAE,wBAAwB;MACzC,SAAS,EAAE,sBAAsB;MACjC,iBAAiB,EAAE,wBAAwB;MAC3C,IAAI,EAAE,sBAAsB;KAC7B;GACF,CAAC;EAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC9D,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC;EACnC,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC;EACjC,eAAe,CAAC,KAAK,GAAG,gBAAgB,CAAC;EACzC,eAAe,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;EAC3C,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC7C,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;EACrC,CAAC,CAAC,CAAC;EAEH,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC7D,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;EAClC,cAAc,CAAC,OAAO,GAAG,MAAM,CAAC;EAChC,cAAc,CAAC,KAAK,GAAG,eAAe,CAAC;EACvC,cAAc,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;EAC1C,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC5C,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;EACpC,CAAC,CAAC,CAAC;EAEH,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC3D,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC;EAChC,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC;EAC9B,YAAY,CAAC,KAAK,GAAG,kBAAkB,CAAC;EACxC,YAAY,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;EACxC,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1C,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;EAC1B,CAAC,CAAC,CAAC;EAEH,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC1D,WAAW,CAAC,KAAK,GAAG,OAAO,CAAC;EAC5B,WAAW,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;EACvC,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IACzC,OAAO,CAAC,MAAM,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;IAC7C,OAAO,CAAC,mBAAmB,EAAE,CAAC;EAChC,CAAC,CAAC,CAAC;EAEH,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;EAE3E,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,iBAAiB,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-theme-provider.mdx\";\n\nexport default {\n component: \"flip-theme-provider\",\n parameters: {\n docs: {\n inlineStories: false,\n page: Docs,\n source: {\n code: `<flip-theme-provider>\n \n</flip-theme-provider>\n\n<script>\n const provider = document.querySelector('flip-theme-provider');\n\n provider.config = {\n tenantColors: {\n primary: \"rgba(184, 42, 32, 1)\",\n primaryContrast: \"rgba(255, 255, 255, 1)\",\n secondary: \"rgba(184, 42, 32, 1)\",\n secondaryContrast: \"rgba(255, 255, 255, 1)\",\n text: \"rgba(218, 31, 61, 1)\",\n }\n };\n\n provider.setPreferredTheme('dark');\n</script>`,\n },\n },\n },\n title: \"Components/FlipThemeProvider\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\n \"flip-theme-provider\",\n args\n ) as HTMLFlipThemeProviderElement;\n\n const config = {\n tenantColors: {\n primary: \"rgba(184, 42, 32, 1)\",\n primaryContrast: \"rgba(255, 255, 255, 1)\",\n secondary: \"rgba(184, 42, 32, 1)\",\n secondaryContrast: \"rgba(255, 255, 255, 1)\",\n text: \"rgba(218, 31, 61, 1)\",\n },\n };\n\n const lightModeButton = document.createElement(\"flip-button\");\n lightModeButton.intent = \"primary\";\n lightModeButton.variant = \"flat\";\n lightModeButton.label = \"Set light mode\";\n lightModeButton.style.marginRight = \"1rem\";\n lightModeButton.addEventListener(\"click\", () => {\n element.setPreferredTheme(\"light\");\n });\n\n const darkModeButton = document.createElement(\"flip-button\");\n darkModeButton.intent = \"primary\";\n darkModeButton.variant = \"flat\";\n darkModeButton.label = \"Set dark mode\";\n darkModeButton.style.marginRight = \"1rem\";\n darkModeButton.addEventListener(\"click\", () => {\n element.setPreferredTheme(\"dark\");\n });\n\n const tenantButton = document.createElement(\"flip-button\");\n tenantButton.intent = \"primary\";\n tenantButton.variant = \"flat\";\n tenantButton.label = \"Set tenant theme\";\n tenantButton.style.marginRight = \"1rem\";\n tenantButton.addEventListener(\"click\", () => {\n element.config = config;\n });\n\n const resetButton = document.createElement(\"flip-button\");\n resetButton.label = \"Reset\";\n resetButton.style.marginRight = \"1rem\";\n resetButton.addEventListener(\"click\", () => {\n element.config = { tenantColors: undefined };\n element.resetPreferredTheme();\n });\n\n element.append(lightModeButton, darkModeButton, tenantButton, resetButton);\n\n return element;\n};\n\nexport const FlipThemeProvider = Template.bind({});\n\nFlipThemeProvider.args = {};\n"]}

package/dist/collection/components/flip-thumbnail/flip-thumbnail.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-thumbnail.js","sourceRoot":"","sources":["../../../../src/components/flip-thumbnail/flip-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,OAAO,aAAa;EAL1B;IAOU,WAAM,GAAyB,WAAW,CAAC;IAC3C,SAAI,GAAsB,GAAG,CAAC;GAuBvC;EApBC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAC1B,WAAW,EACX,qBAAqB,IAAI,CAAC,MAAM,EAAE,EAClC,mBAAmB,IAAI,CAAC,IAAI,EAAE,CAC/B,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,YAAM,KAAK,EAAE,SAAS;QACpB,WACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,IAAI,CAAC,GAAG,GACb,CACG,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipThumbnailFormat = \"portrait\" | \"landscape\" | \"square\";\n\nexport type FlipThumbnailSize = \"s\" | \"m\" | \"l\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-thumbnail.css\",\n tag: \"flip-thumbnail\",\n})\nexport class FlipThumbnail {\n @Prop() alt!: string;\n @Prop() format?: FlipThumbnailFormat = \"landscape\";\n @Prop() size: FlipThumbnailSize = \"m\";\n @Prop() src!: string;\n\n render() {\n const className = classnames(\n \"thumbnail\",\n `thumbnail--format-${this.format}`,\n `thumbnail--size-${this.size}`\n );\n\n return (\n <Host>\n <span class={className}>\n <img\n alt={this.alt}\n class=\"thumbnail__image\"\n loading=\"lazy\"\n src={this.src}\n />\n </span>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-thumbnail/flip-thumbnail.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-thumbnail.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-thumbnail/flip-thumbnail.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAExC,eAAe;EACb,SAAS,EAAE,gBAAgB;EAC3B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;EAE7D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE/C,aAAa,CAAC,IAAI,GAAG;EACnB,GAAG,EAAE,iCAAiC;EACtC,GAAG,EAAE,sCAAsC;CAC5C,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-thumbnail.mdx\";\n\nexport default {\n component: \"flip-thumbnail\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipThumbnail\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-thumbnail\", args);\n\n return element;\n};\n\nexport const FlipThumbnail = Template.bind({});\n\nFlipThumbnail.args = {\n alt: \"Brief description of the image.\",\n src: \"https://picsum.photos/id/433/400/400\",\n};\n"]}

package/dist/collection/components/flip-toast/flip-toast.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-toast.js","sourceRoot":"","sources":["../../../../src/components/flip-toast/flip-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,OAAO,SAAS;EALtB;IAMU,2BAAsB,GAAY,SAAS,CAAC;IAK5C,WAAM,GAAqB,SAAS,CAAC;IAqCrC,cAAS,GAAG,GAAG,EAAE;MACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,CAAC;GAuBH;EAtDC,aAAa;IACX,IAAI,CAAC,UAAU,EAAE,CAAC;EACpB,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,UAAU,EAAE,CAAC;EACpB,CAAC;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,GAAG,EAAE;MAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;EACpB,CAAC;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;EAC3B,CAAC;EAMD,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,EAAE,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,SAAS;QAClB,IAAI,CAAC,IAAI,IAAI,YAAM,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS;QACrE,YAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAQ;QAClD,4BACc,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,sBAAsB,EAC5D,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,IAAI,EAAC,QAAQ;UAEZ,IAAI,CAAC,YAAY;UACjB,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,0BAAmC,CAC5D,CACL,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/flip-toast/flip-toast.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-toast.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-toast/flip-toast.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,eAAe;EACb,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EAAE,wCAAwC;UAChD,OAAO,EAAE,aAAa;SACvB;OACF;KACF;GACF;EACD,SAAS,EAAE,YAAY;EACvB,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;EAEzD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE3C,SAAS,CAAC,IAAI,GAAG;EACf,OAAO,EAAE,oFAAoF;EAC7F,IAAI,EAAE,mCAAmC;CAC1C,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-toast.mdx\";\n\nexport default {\n argTypes: {\n icon: {\n table: {\n type: {\n detail: \"e.g. <flip-icon-mail></flip-icon-mail>\",\n summary: \"flip-icon-*\",\n },\n },\n },\n },\n component: \"flip-toast\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipToast\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-toast\", args);\n\n return element;\n};\n\nexport const FlipToast = Template.bind({});\n\nFlipToast.args = {\n content: `This is toast text with multiple lines. Try to keep the info as short as possible.`,\n icon: `<flip-icon-mail></flip-icon-mail>`,\n};\n"]}

package/dist/collection/components/flip-toast-provider/flip-toast-provider.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-toast-provider.js","sourceRoot":"","sources":["../../../../src/components/flip-toast-provider/flip-toast-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAuBxE,MAAM,OAAO,iBAAiB;EAJ9B;IAWmB,WAAM,GAAuB,EAAE,CAAC;IAoDjD,cAAS,GAAG,CAAC,KAAmC,EAAE,EAAE;MAClD,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAC1C,CAAC;IACJ,CAAC,CAAC;GAiBH;EAvEC;;;;KAIG;EAEH,KAAK,CAAC,QAAQ;IACZ,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;EACnB,CAAC;EAED;;;;KAIG;EAEH,KAAK,CAAC,OAAO,CAAC,OAAe;IAC3B,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC;EAC9E,CAAC;EAED;;;;KAIG;EAEH,KAAK,CAAC,KAAK,CAAC,QAAyB;IACnC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC,EAAE;MACnE,OAAO;KACR;IAED,MAAM,QAAQ,GACZ,IAAI,CAAC,cAAc,KAAK,SAAS;MAC/B,CAAC,CAAC,QAAQ,CAAC,QAAQ;MACnB,CAAC,CAAC,IAAI,CAAC,cAAc,KAAK,CAAC;QAC3B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;IAE1B,MAAM,cAAc,mCACf,QAAQ,KACX,SAAS,EAAE,IAAI,IAAI,EAAE,EACrB,QAAQ,EACR,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GACvE,CAAC;IAEF,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAE/C,OAAO,cAAc,CAAC;EACxB,CAAC;EAQD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,QAAQ;MACjB,kBAAY,OAAO,EAAC,IAAI,IACrB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,gCACE,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,IACrB,KAAK,EACG,CACf,CAAC,CACS,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Method, Prop, State } from \"@stencil/core\";\nimport { FlipToastCustomEvent } from \"../../components\";\nimport { FlipToastIntent } from \"../flip-toast/flip-toast\";\n\nexport type FlipToastConfig = {\n accessibleDismissLabel?: string;\n content: string;\n dismissLabel?: string;\n duration?: number;\n icon?: string;\n intent?: FlipToastIntent;\n toastId?: string;\n};\n\nexport type FlipToastMessage = FlipToastConfig & {\n createdAt: Date;\n toastId: string;\n};\n\n@Component({\n shadow: true,\n tag: \"flip-toast-provider\",\n})\nexport class FlipToastProvider {\n /**\n * Optional global duration for all toasts. Overrides any durations set via\n * the `toast` method. Set to 0 to disable automatic closing of toasts.\n */\n @Prop() globalDuration?: number;\n\n @State() private toasts: FlipToastMessage[] = [];\n\n /**\n * Clear all toasts\n * @param newToast\n * @returns\n */\n @Method()\n async clearAll() {\n this.toasts = [];\n }\n\n /**\n * Dismiss a toast\n * @param toastId\n * @returns\n */\n @Method()\n async dismiss(toastId: string) {\n this.toasts = [...this.toasts].filter((toast) => toast.toastId !== toastId);\n }\n\n /**\n * Create a new toast\n * @param newToast\n * @returns\n */\n @Method()\n async toast(newToast: FlipToastConfig): Promise<FlipToastMessage> {\n if (this.toasts.some((toast) => toast.toastId === newToast.toastId)) {\n return;\n }\n\n const duration =\n this.globalDuration === undefined\n ? newToast.duration\n : this.globalDuration === 0\n ? undefined\n : this.globalDuration;\n\n const newToastWithId: FlipToastMessage = {\n ...newToast,\n createdAt: new Date(),\n duration,\n toastId: newToast.toastId || String(Math.round(Math.random() * 10000)),\n };\n\n this.toasts = [...this.toasts, newToastWithId];\n\n return newToastWithId;\n }\n\n onDismiss = (event: FlipToastCustomEvent<string>) => {\n this.toasts = [...this.toasts].filter(\n (toast) => toast.toastId !== event.detail\n );\n };\n\n render() {\n return (\n <Host role=\"status\">\n <flip-stack spacing=\"12\">\n {this.toasts.map((toast) => (\n <flip-toast\n key={toast.toastId}\n onDismiss={this.onDismiss}\n {...toast}\n ></flip-toast>\n ))}\n </flip-stack>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-toast-provider/flip-toast-provider.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-toast-provider.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-toast-provider/flip-toast-provider.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,2BAA2B,CAAC;AAE7C,eAAe;EACb,SAAS,EAAE,qBAAqB;EAChC,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;MACV,MAAM,EAAE;QACN,IAAI,EAAE;;;;;;;;;;;;;;uCAcyB;OAChC;KACF;GACF;EACD,KAAK,EAAE,8BAA8B;CACtC,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;EACpB,MAAM,QAAQ,GAAG;IACf,aAAa;IACb,oFAAoF;IACpF,4HAA4H;GAC7H,CAAC;EAEF,MAAM,OAAO,GAAsB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;EAEtE,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;EAChD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC3D,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC1D,MAAM,OAAO,GAAG,oBAAoB,CAClC,qBAAqB,EACrB,EAAE,CAC6B,CAAC;EAElC,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC;EAC9B,YAAY,CAAC,KAAK,GAAG,qBAAqB,CAAC;EAC3C,YAAY,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;EAC1C,YAAY,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;EAEzC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC;EAChC,WAAW,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;EAExC,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1C,OAAO,CAAC,KAAK,CAAC;MACZ,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;MACzD,QAAQ,EAAE,IAAI;MACd,IAAI,EAAE,mCAAmC;MACzC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;KACxD,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;EAEhE,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;EAErD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { FlipToastIntent } from \"../flip-toast/flip-toast\";\nimport { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-toast-provider.mdx\";\n\nexport default {\n component: \"flip-toast-provider\",\n parameters: {\n docs: {\n page: Docs,\n source: {\n code: `const toasts = document.createElement('flip-toast-provider');\nconst trigger = document.createElement('button');\n\ntrigger.innerText = 'Create toast';\n\ntrigger.addEventListener(\"click\", () => {\n toasts.toast({\n content: \"Hello World!\",\n duration: 10000,\n icon: \"<flip-icon-mail></flip-icon-mail>\",\n intent: 'info'\n });\n});\n\ndocument.body.append(trigger, toasts);`,\n },\n },\n },\n title: \"Components/FlipToastProvider\",\n};\n\nconst Template = () => {\n const contents = [\n \"Hello World\",\n \"This is toast text with multiple lines. Try to keep the info as short as possible.\",\n \"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.\",\n ];\n\n const intents: FlipToastIntent[] = [\"default\", \"critical\", \"success\"];\n\n const container = document.createElement(\"div\");\n const createButton = document.createElement(\"flip-button\");\n const clearButton = document.createElement(\"flip-button\");\n const element = generateStoryElement(\n \"flip-toast-provider\",\n {}\n ) as HTMLFlipToastProviderElement;\n\n createButton.variant = \"flat\";\n createButton.label = \"Create random toast\";\n createButton.style.marginRight = \"0.5rem\";\n createButton.style.marginBottom = \"1rem\";\n\n clearButton.label = \"Clear all\";\n clearButton.style.marginBottom = \"1rem\";\n\n createButton.addEventListener(\"click\", () => {\n element.toast({\n content: [...contents].sort(() => Math.random() - 0.5)[0],\n duration: 6000,\n icon: \"<flip-icon-mail></flip-icon-mail>\",\n intent: [...intents].sort(() => Math.random() - 0.5)[0],\n });\n });\n\n clearButton.addEventListener(\"click\", () => element.clearAll());\n\n container.append(createButton, clearButton, element);\n\n return container;\n};\n\nexport const FlipToastProvider = Template.bind({});\n"]}

package/dist/collection/components/flip-tooltip/flip-tooltip.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tooltip.js","sourceRoot":"","sources":["../../../../src/components/flip-tooltip/flip-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n computePosition,\n ComputePositionConfig,\n ComputePositionReturn,\n flip,\n offset,\n shift,\n} from \"@floating-ui/dom\";\nimport { Component, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\";\n\nexport type FlipTooltipPosition = \"top\" | \"right\" | \"bottom\" | \"left\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-tooltip.css\",\n tag: \"flip-tooltip\",\n})\nexport class FlipTooltip {\n @Prop() content!: string;\n @Prop() delay?: number = 300;\n @Prop() position?: FlipTooltipPosition = \"top\";\n\n @State() actualPosition: ComputePositionReturn;\n @State() visible = false;\n\n private showTimeout: NodeJS.Timeout;\n private options: Partial<ComputePositionConfig>;\n private popperEl: HTMLSpanElement;\n private referenceEl: HTMLSpanElement;\n\n @Watch(\"position\")\n watchPosition() {\n this.updateOptions();\n }\n\n @Listen(\"mouseenter\")\n onMouseEnter() {\n this.showWithDelay();\n }\n\n @Listen(\"mouseleave\")\n onMouseLeave() {\n this.hide();\n }\n\n @Listen(\"resize\", { target: \"window\" })\n onWindowResize() {\n this.reposition();\n }\n\n @Listen(\"scroll\", { target: \"window\" })\n onWindowScroll() {\n this.reposition();\n }\n\n componentWillLoad() {\n this.reposition();\n }\n\n componentDidLoad() {\n this.updateOptions();\n }\n\n private onKeydown = (event: KeyboardEvent) => {\n if (event.code === \"Escape\") {\n this.hide();\n }\n };\n\n private reposition = async () => {\n if (!Boolean(this.referenceEl) || !Boolean(this.popperEl)) {\n return;\n }\n\n this.actualPosition = await computePosition(\n this.referenceEl,\n this.popperEl,\n this.options\n );\n };\n\n private show = () => {\n this.visible = true;\n\n requestAnimationFrame(() => {\n this.reposition();\n });\n };\n\n private showWithDelay = () => {\n if (Boolean(this.showTimeout)) {\n clearTimeout(this.showTimeout);\n this.showTimeout = undefined;\n }\n\n this.showTimeout = setTimeout(() => {\n this.show();\n }, this.delay);\n };\n\n private hide = () => {\n if (Boolean(this.showTimeout)) {\n clearTimeout(this.showTimeout);\n this.showTimeout = undefined;\n }\n\n this.visible = false;\n };\n\n private updateOptions = () => {\n const margin =\n +getComputedStyle(document.documentElement)\n .getPropertyValue(\"--s-space-12\")\n .replace(\"rem\", \"\") * 16;\n\n this.options = {\n middleware: [offset(margin), shift(), flip()],\n placement: this.position,\n strategy: \"fixed\",\n };\n };\n\n private getArrowStyles = () => {\n if (this.actualPosition?.placement === \"top\") {\n return {\n top: \"100%\",\n left: \"50%\",\n transform: \"translate3d(-50%, -50%, 0) rotate(45deg)\",\n };\n }\n\n if (this.actualPosition?.placement === \"bottom\") {\n return {\n bottom: \"100%\",\n left: \"50%\",\n transform: \"translate3d(-50%, 50%, 0) rotate(45deg)\",\n };\n }\n\n if (this.actualPosition?.placement === \"right\") {\n return {\n top: \"50%\",\n right: \"100%\",\n transform: \"translate3d(50%, -50%, 0) rotate(45deg)\",\n };\n }\n\n if (this.actualPosition?.placement === \"left\") {\n return {\n top: \"50%\",\n left: \"100%\",\n transform: \"translate3d(-50%, -50%, 0) rotate(45deg)\",\n };\n }\n };\n\n render() {\n const arrowStyles = this.getArrowStyles();\n\n return (\n <Host onKeydown={this.onKeydown}>\n <span class=\"tooltip\">\n <span\n class=\"tooltip__reference\"\n aria-describedby=\"tooltip\"\n onBlur={this.hide}\n onClick={this.hide}\n onFocus={this.show}\n ref={(el) => (this.referenceEl = el)}\n tabIndex={0}\n >\n <slot></slot>\n </span>\n <span\n class=\"tooltip__popper\"\n ref={(el) => (this.popperEl = el)}\n style={{\n top: Boolean(this.actualPosition)\n ? `${this.actualPosition?.y}px`\n : \"\",\n left: Boolean(this.actualPosition)\n ? `${this.actualPosition?.x}px`\n : \"\",\n }}\n >\n {this.visible && (\n <span class=\"tooltip__bubble\" id=\"tooltip\" role=\"tooltip\">\n <span class=\"tooltip__content\" innerHTML={this.content}></span>\n <span class=\"tooltip__arrow\" style={arrowStyles}></span>\n </span>\n )}\n </span>\n </span>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-tooltip/flip-tooltip.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-tooltip/flip-tooltip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,aAAa;AACb,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,eAAe;EACb,SAAS,EAAE,cAAc;EACzB,UAAU,EAAE;IACV,CAAC,KAAK,EAAE,EAAE;MACR,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAEhD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;MACjC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;MACtC,SAAS,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;MAC1C,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;MAClC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;MAE1B,OAAO,SAAS,CAAC;IACnB,CAAC;GACF;EACD,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;EAE3D,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC;EAExC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE7C,WAAW,CAAC,IAAI,GAAG;EACjB,OAAO,EAAE,0IAA0I;EACnJ,QAAQ,EAAE,KAAK;CAChB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\n// @ts-ignore\nimport Docs from \"./flip-tooltip.mdx\";\n\nexport default {\n component: \"flip-tooltip\",\n decorators: [\n (story) => {\n const container = document.createElement(\"div\");\n\n container.style.display = \"flex\";\n container.style.alignItems = \"center\";\n container.style.justifyContent = \"center\";\n container.style.padding = \"140px\";\n container.append(story());\n\n return container;\n },\n ],\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipTooltip\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-tooltip\", args);\n\n element.innerHTML = \"Hover or focus me\";\n\n return element;\n};\n\nexport const FlipTooltip = Template.bind({});\n\nFlipTooltip.args = {\n content: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid officia, enim reiciendis esse minus impedit earum veniam, sunt eveniet.`,\n position: \"top\",\n};\n"]}

package/dist/collection/components/flip-video-thumbnail/flip-video-thumbnail.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-video-thumbnail.js","sourceRoot":"","sources":["../../../../src/components/flip-video-thumbnail/flip-video-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,kBAAkB;EAL/B;IAMU,kBAAa,GAAY,UAAU,CAAC;GA4C7C;EAvCC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,kCAEI,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,gBAE1C,IAAI,CAAC,KAAK,EACtB,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ;QAEb,WACE,GAAG,EAAC,EAAE,EACN,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,IAAI,CAAC,GAAG,GACb;QACD,IAAI,CAAC,QAAQ,IAAI,CAChB,YAAM,KAAK,EAAC,2BAA2B,EAAC,EAAE,EAAC,UAAU;UACnD,gCAAuB,IAAI,CAAC,aAAa,CAAwB;UAChE,IAAI,CAAC,QAAQ,CACT,CACR;QACD,WACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;UAElC,YACE,CAAC,EAAC,20BAA20B,EAC70B,IAAI,EAAC,OAAO,kBACC,MAAM,GACnB,CACE,CACC,CACJ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-video-thumbnail.css\",\n tag: \"flip-video-thumbnail\",\n})\nexport class FlipVideoThumbnail {\n @Prop() durationLabel?: string = \"Duration\";\n @Prop() duration?: string;\n @Prop() label!: string;\n @Prop() src!: string;\n\n render() {\n return (\n <Host>\n <button\n aria-describedby={\n this.duration !== undefined ? \"duration\" : undefined\n }\n aria-label={this.label}\n class=\"video-thumbnail\"\n type=\"button\"\n >\n <img\n alt=\"\"\n class=\"video-thumbnail__image\"\n loading=\"lazy\"\n src={this.src}\n />\n {this.duration && (\n <span class=\"video-thumbnail__duration\" id=\"duration\">\n <flip-visually-hidden>{this.durationLabel}</flip-visually-hidden>\n {this.duration}\n </span>\n )}\n <svg\n class=\"video-thumbnail__play-icon\"\n fill=\"none\"\n viewBox=\"0 0 40 40\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z\"\n fill=\"white\"\n fill-opacity=\"0.95\"\n />\n </svg>\n </button>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-video-thumbnail/flip-video-thumbnail.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-video-thumbnail.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-video-thumbnail/flip-video-thumbnail.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAE9C,eAAe;EACb,SAAS,EAAE,sBAAsB;EACjC,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,+BAA+B;CACvC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;EAEnE,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEpD,kBAAkB,CAAC,IAAI,GAAG;EACxB,QAAQ,EAAE,MAAM;EAChB,KAAK,EAAE,2BAA2B;EAClC,GAAG,EAAE,uCAAuC;CAC7C,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-video-thumbnail.mdx\";\n\nexport default {\n component: \"flip-video-thumbnail\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipVideoThumbnail\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-video-thumbnail\", args);\n\n return element;\n};\n\nexport const FlipVideoThumbnail = Template.bind({});\n\nFlipVideoThumbnail.args = {\n duration: \"1:23\",\n label: \"Play video of a cute pug.\",\n src: \"https://picsum.photos/id/1062/680/380\",\n};\n"]}

package/dist/collection/components/flip-visually-hidden/flip-visually-hidden.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-visually-hidden.js","sourceRoot":"","sources":["../../../../src/components/flip-visually-hidden/flip-visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;EAC7B,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-visually-hidden.css\",\n tag: \"flip-visually-hidden\",\n})\nexport class FlipVisuallyHidden {\n render() {\n return (\n <Host>\n <slot />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-visually-hidden/flip-visually-hidden.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-visually-hidden.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-visually-hidden/flip-visually-hidden.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAE9C,eAAe;EACb,SAAS,EAAE,sBAAsB;EACjC,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,+BAA+B;CACvC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;EAE9E,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEpD,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-visually-hidden.mdx\";\n\nexport default {\n component: \"flip-visually-hidden\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipVisuallyHidden\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-visually-hidden\", args, \"Content\");\n\n return element;\n};\n\nexport const FlipVisuallyHidden = Template.bind({});\n\nFlipVisuallyHidden.args = {};\n"]}

package/dist/collection/index.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"","sourcesContent":["export { Components, JSX } from \"./components\";\n"]}

package/dist/collection/utils.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventEmitter } from \"@stencil/core\";\n\nexport interface FlipFormInput<ValueType = string> {\n flipAriaDescribedby?: string;\n disabled?: boolean;\n invalid?: boolean;\n required?: boolean;\n value?: ValueType;\n valueChange: EventEmitter;\n}\n\nexport function generateStoryElement(\n tag: string,\n args: { [arg: string]: any },\n content?: string\n): HTMLElement {\n const element = document.createElement(tag);\n\n Object.entries(args)\n .filter((arg) => arg[1] !== undefined && arg[1] !== null && arg[1] !== \"\")\n .forEach(([attr, value]) => {\n if (typeof value === \"object\") {\n return (element[attr] = value);\n }\n\n return element.setAttribute(\n attr.replace(\n /[A-Z]+(?![a-z])|[A-Z]/g,\n ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n ),\n String(value)\n );\n });\n\n if (Boolean(content)) {\n element.innerHTML = content;\n }\n\n return element;\n}\n\nexport function getVisibleHeight(element: HTMLElement, container: HTMLElement) {\n const scrollTop = container.scrollTop;\n const scrollBot = scrollTop + container.clientHeight;\n const containerRect = container.getBoundingClientRect();\n const eleRect = element.getBoundingClientRect();\n const rect = {\n top: eleRect.top - containerRect.top,\n right: eleRect.right - containerRect.right,\n bottom: eleRect.bottom - containerRect.bottom,\n left: eleRect.left - containerRect.left,\n };\n\n const eleTop = rect.top + scrollTop;\n const eleBot = eleTop + element.offsetHeight;\n const visibleTop = eleTop < scrollTop ? scrollTop : eleTop;\n const visibleBot = eleBot > scrollBot ? scrollBot : eleBot;\n\n return visibleBot - visibleTop;\n}\n\nexport function isMobileViewport() {\n return !window.matchMedia(\"(min-width: 768px)\").matches;\n}\n\nexport function querySelectorAllDeep<TargetType extends Element = HTMLElement>(\n root: HTMLElement,\n selector: string\n): TargetType[] {\n function collectAllElementsDeep(\n selector: string,\n root?: Element | ShadowRoot\n ): TargetType[] {\n if (!Boolean(root)) {\n return [];\n }\n\n const lightDomMatches = Array.from(\n root.querySelectorAll<TargetType>(selector)\n );\n\n const slottedChildren =\n Boolean(window.HTMLSlotElement) && root instanceof HTMLSlotElement\n ? root.assignedElements()\n : [];\n\n const children = [...Array.from(root.children), ...slottedChildren];\n\n const shadowRoot = (root as Element).shadowRoot;\n\n const shadowRootElements = collectAllElementsDeep(selector, shadowRoot);\n\n const matches: TargetType[] = [\n ...lightDomMatches,\n ...children\n .map((match) => collectAllElementsDeep(selector, match))\n .flat(),\n ...shadowRootElements,\n ];\n\n return matches;\n }\n\n const matches = collectAllElementsDeep(selector, root).filter(\n (match, index, matches) =>\n !matches.some((m, i) => m.isSameNode(match) && i > index)\n );\n\n return matches;\n}\n"]}

package/dist/components/_commonjsHelpers.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"_commonjsHelpers.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/a11y-dialog.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"a11y-dialog.esm.js","mappings":"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","names":[],"sources":["../../node_modules/a11y-dialog/dist/a11y-dialog.esm.js"],"sourcesContent":["var focusableSelectors = [\n 'a[href]:not([tabindex^=\"-\"])',\n 'area[href]:not([tabindex^=\"-\"])',\n 'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n 'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n 'select:not([disabled]):not([tabindex^=\"-\"])',\n 'textarea:not([disabled]):not([tabindex^=\"-\"])',\n 'button:not([disabled]):not([tabindex^=\"-\"])',\n 'iframe:not([tabindex^=\"-\"])',\n 'audio[controls]:not([tabindex^=\"-\"])',\n 'video[controls]:not([tabindex^=\"-\"])',\n '[contenteditable]:not([tabindex^=\"-\"])',\n '[tabindex]:not([tabindex^=\"-\"])',\n];\n\nvar TAB_KEY = 'Tab';\nvar ESCAPE_KEY = 'Escape';\n\n/**\n * Define the constructor to instantiate a dialog\n *\n * @constructor\n * @param {Element} element\n */\nfunction A11yDialog(element) {\n // Prebind the functions that will be bound in addEventListener and\n // removeEventListener to avoid losing references\n this._show = this.show.bind(this);\n this._hide = this.hide.bind(this);\n this._maintainFocus = this._maintainFocus.bind(this);\n this._bindKeypress = this._bindKeypress.bind(this);\n\n this.$el = element;\n this.shown = false;\n this._id = this.$el.getAttribute('data-a11y-dialog') || this.$el.id;\n this._previouslyFocused = null;\n this._listeners = {};\n\n // Initialise everything needed for the dialog to work properly\n this.create();\n}\n\n/**\n * Set up everything necessary for the dialog to be functioning\n *\n * @param {(NodeList | Element | string)} targets\n * @return {this}\n */\nA11yDialog.prototype.create = function () {\n this.$el.setAttribute('aria-hidden', true);\n this.$el.setAttribute('aria-modal', true);\n this.$el.setAttribute('tabindex', -1);\n\n if (!this.$el.hasAttribute('role')) {\n this.$el.setAttribute('role', 'dialog');\n }\n\n // Keep a collection of dialog openers, each of which will be bound a click\n // event listener to open the dialog\n this._openers = $$('[data-a11y-dialog-show=\"' + this._id + '\"]');\n this._openers.forEach(\n function (opener) {\n opener.addEventListener('click', this._show);\n }.bind(this)\n );\n\n // Keep a collection of dialog closers, each of which will be bound a click\n // event listener to close the dialog\n const $el = this.$el;\n\n this._closers = $$('[data-a11y-dialog-hide]', this.$el)\n // This filter is necessary in case there are nested dialogs, so that\n // only closers from the current dialog are retrieved and effective\n .filter(function (closer) {\n // Testing for `[aria-modal=\"true\"]` is not enough since this attribute\n // and the collect of closers is done at instantation time, when nested\n // dialogs might not have yet been instantiated. Note that if the dialogs\n // are manually instantiated, this could still fail because none of these\n // selectors would match; this would cause closers to close all parent\n // dialogs instead of just the current one\n return closer.closest('[aria-modal=\"true\"], [data-a11y-dialog]') === $el\n })\n .concat($$('[data-a11y-dialog-hide=\"' + this._id + '\"]'));\n\n this._closers.forEach(\n function (closer) {\n closer.addEventListener('click', this._hide);\n }.bind(this)\n );\n\n // Execute all callbacks registered for the `create` event\n this._fire('create');\n\n return this\n};\n\n/**\n * Show the dialog element, disable all the targets (siblings), trap the\n * current focus within it, listen for some specific key presses and fire all\n * registered callbacks for `show` event\n *\n * @param {CustomEvent} event\n * @return {this}\n */\nA11yDialog.prototype.show = function (event) {\n // If the dialog is already open, abort\n if (this.shown) {\n return this\n }\n\n // Keep a reference to the currently focused element to be able to restore\n // it later\n this._previouslyFocused = document.activeElement;\n this.$el.removeAttribute('aria-hidden');\n this.shown = true;\n\n // Set the focus to the dialog element\n moveFocusToDialog(this.$el);\n\n // Bind a focus event listener to the body element to make sure the focus\n // stays trapped inside the dialog while open, and start listening for some\n // specific key presses (TAB and ESC)\n document.body.addEventListener('focus', this._maintainFocus, true);\n document.addEventListener('keydown', this._bindKeypress);\n\n // Execute all callbacks registered for the `show` event\n this._fire('show', event);\n\n return this\n};\n\n/**\n * Hide the dialog element, enable all the targets (siblings), restore the\n * focus to the previously active element, stop listening for some specific\n * key presses and fire all registered callbacks for `hide` event\n *\n * @param {CustomEvent} event\n * @return {this}\n */\nA11yDialog.prototype.hide = function (event) {\n // If the dialog is already closed, abort\n if (!this.shown) {\n return this\n }\n\n this.shown = false;\n this.$el.setAttribute('aria-hidden', 'true');\n\n // If there was a focused element before the dialog was opened (and it has a\n // `focus` method), restore the focus back to it\n // See: https://github.com/KittyGiraudel/a11y-dialog/issues/108\n if (this._previouslyFocused && this._previouslyFocused.focus) {\n this._previouslyFocused.focus();\n }\n\n // Remove the focus event listener to the body element and stop listening\n // for specific key presses\n document.body.removeEventListener('focus', this._maintainFocus, true);\n document.removeEventListener('keydown', this._bindKeypress);\n\n // Execute all callbacks registered for the `hide` event\n this._fire('hide', event);\n\n return this\n};\n\n/**\n * Destroy the current instance (after making sure the dialog has been hidden)\n * and remove all associated listeners from dialog openers and closers\n *\n * @return {this}\n */\nA11yDialog.prototype.destroy = function () {\n // Hide the dialog to avoid destroying an open instance\n this.hide();\n\n // Remove the click event listener from all dialog openers\n this._openers.forEach(\n function (opener) {\n opener.removeEventListener('click', this._show);\n }.bind(this)\n );\n\n // Remove the click event listener from all dialog closers\n this._closers.forEach(\n function (closer) {\n closer.removeEventListener('click', this._hide);\n }.bind(this)\n );\n\n // Execute all callbacks registered for the `destroy` event\n this._fire('destroy');\n\n // Keep an object of listener types mapped to callback functions\n this._listeners = {};\n\n return this\n};\n\n/**\n * Register a new callback for the given event type\n *\n * @param {string} type\n * @param {Function} handler\n */\nA11yDialog.prototype.on = function (type, handler) {\n if (typeof this._listeners[type] === 'undefined') {\n this._listeners[type] = [];\n }\n\n this._listeners[type].push(handler);\n\n return this\n};\n\n/**\n * Unregister an existing callback for the given event type\n *\n * @param {string} type\n * @param {Function} handler\n */\nA11yDialog.prototype.off = function (type, handler) {\n var index = (this._listeners[type] || []).indexOf(handler);\n\n if (index > -1) {\n this._listeners[type].splice(index, 1);\n }\n\n return this\n};\n\n/**\n * Iterate over all registered handlers for given type and call them all with\n * the dialog element as first argument, event as second argument (if any). Also\n * dispatch a custom event on the DOM element itself to make it possible to\n * react to the lifecycle of auto-instantiated dialogs.\n *\n * @access private\n * @param {string} type\n * @param {CustomEvent} event\n */\nA11yDialog.prototype._fire = function (type, event) {\n var listeners = this._listeners[type] || [];\n var domEvent = new CustomEvent(type, { detail: event });\n\n this.$el.dispatchEvent(domEvent);\n\n listeners.forEach(\n function (listener) {\n listener(this.$el, event);\n }.bind(this)\n );\n};\n\n/**\n * Private event handler used when listening to some specific key presses\n * (namely ESCAPE and TAB)\n *\n * @access private\n * @param {Event} event\n */\nA11yDialog.prototype._bindKeypress = function (event) {\n // This is an escape hatch in case there are nested dialogs, so the keypresses\n // are only reacted to for the most recent one\n const focused = document.activeElement;\n if (focused && focused.closest('[aria-modal=\"true\"]') !== this.$el) return\n\n // If the dialog is shown and the ESCAPE key is being pressed, prevent any\n // further effects from the ESCAPE key and hide the dialog, unless its role\n // is 'alertdialog', which should be modal\n if (\n this.shown &&\n event.key === ESCAPE_KEY &&\n this.$el.getAttribute('role') !== 'alertdialog'\n ) {\n event.preventDefault();\n this.hide(event);\n }\n\n // If the dialog is shown and the TAB key is being pressed, make sure the\n // focus stays trapped within the dialog element\n if (this.shown && event.key === TAB_KEY) {\n trapTabKey(this.$el, event);\n }\n};\n\n/**\n * Private event handler used when making sure the focus stays within the\n * currently open dialog\n *\n * @access private\n * @param {Event} event\n */\nA11yDialog.prototype._maintainFocus = function (event) {\n // If the dialog is shown and the focus is not within a dialog element (either\n // this one or another one in case of nested dialogs) or within an element\n // with the `data-a11y-dialog-focus-trap-ignore` attribute, move it back to\n // its first focusable child.\n // See: https://github.com/KittyGiraudel/a11y-dialog/issues/177\n if (\n this.shown &&\n !event.target.closest('[aria-modal=\"true\"]') &&\n !event.target.closest('[data-a11y-dialog-ignore-focus-trap]')\n ) {\n moveFocusToDialog(this.$el);\n }\n};\n\n/**\n * Convert a NodeList into an array\n *\n * @param {NodeList} collection\n * @return {Array<Element>}\n */\nfunction toArray(collection) {\n return Array.prototype.slice.call(collection)\n}\n\n/**\n * Query the DOM for nodes matching the given selector, scoped to context (or\n * the whole document)\n *\n * @param {String} selector\n * @param {Element} [context = document]\n * @return {Array<Element>}\n */\nfunction $$(selector, context) {\n return toArray((context || document).querySelectorAll(selector))\n}\n\n/**\n * Set the focus to the first element with `autofocus` with the element or the\n * element itself\n *\n * @param {Element} node\n */\nfunction moveFocusToDialog(node) {\n var focused = node.querySelector('[autofocus]') || node;\n\n focused.focus();\n}\n\n/**\n * Get the focusable children of the given element\n *\n * @param {Element} node\n * @return {Array<Element>}\n */\nfunction getFocusableChildren(node) {\n return $$(focusableSelectors.join(','), node).filter(function (child) {\n return !!(\n child.offsetWidth ||\n child.offsetHeight ||\n child.getClientRects().length\n )\n })\n}\n\n/**\n * Trap the focus inside the given element\n *\n * @param {Element} node\n * @param {Event} event\n */\nfunction trapTabKey(node, event) {\n var focusableChildren = getFocusableChildren(node);\n var focusedItemIndex = focusableChildren.indexOf(document.activeElement);\n\n // If the SHIFT key is being pressed while tabbing (moving backwards) and\n // the currently focused item is the first one, move the focus to the last\n // focusable item from the dialog element\n if (event.shiftKey && focusedItemIndex === 0) {\n focusableChildren[focusableChildren.length - 1].focus();\n event.preventDefault();\n // If the SHIFT key is not being pressed (moving forwards) and the currently\n // focused item is the last one, move the focus to the first focusable item\n // from the dialog element\n } else if (\n !event.shiftKey &&\n focusedItemIndex === focusableChildren.length - 1\n ) {\n focusableChildren[0].focus();\n event.preventDefault();\n }\n}\n\nfunction instantiateDialogs() {\n $$('[data-a11y-dialog]').forEach(function (node) {\n new A11yDialog(node);\n });\n}\n\nif (typeof document !== 'undefined') {\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', instantiateDialogs);\n } else {\n if (window.requestAnimationFrame) {\n window.requestAnimationFrame(instantiateDialogs);\n } else {\n window.setTimeout(instantiateDialogs, 16);\n }\n }\n}\n\nexport { A11yDialog as default };\n"],"version":3}

package/dist/components/bodyScrollLock.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"bodyScrollLock.esm.js","mappings":"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","names":[],"sources":["../../node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js"],"sourcesContent":["function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\n// Older browsers don't support event options, feature detect it.\n\n// Adopted and modified solution from Bohdan Didukh (2017)\n// https://stackoverflow.com/questions/41594997/ios-10-safari-prevent-scrolling-behind-a-fixed-overlay-and-maintain-scroll-posi\n\nvar hasPassiveEvents = false;\nif (typeof window !== 'undefined') {\n var passiveTestOptions = {\n get passive() {\n hasPassiveEvents = true;\n return undefined;\n }\n };\n window.addEventListener('testPassive', null, passiveTestOptions);\n window.removeEventListener('testPassive', null, passiveTestOptions);\n}\n\nvar isIosDevice = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);\n\n\nvar locks = [];\nvar documentListenerAdded = false;\nvar initialClientY = -1;\nvar previousBodyOverflowSetting = void 0;\nvar previousBodyPosition = void 0;\nvar previousBodyPaddingRight = void 0;\n\n// returns true if `el` should be allowed to receive touchmove events.\nvar allowTouchMove = function allowTouchMove(el) {\n return locks.some(function (lock) {\n if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {\n return true;\n }\n\n return false;\n });\n};\n\nvar preventDefault = function preventDefault(rawEvent) {\n var e = rawEvent || window.event;\n\n // For the case whereby consumers adds a touchmove event listener to document.\n // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })\n // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then\n // the touchmove event on document will break.\n if (allowTouchMove(e.target)) {\n return true;\n }\n\n // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n if (e.touches.length > 1) return true;\n\n if (e.preventDefault) e.preventDefault();\n\n return false;\n};\n\nvar setOverflowHidden = function setOverflowHidden(options) {\n // If previousBodyPaddingRight is already set, don't set it again.\n if (previousBodyPaddingRight === undefined) {\n var _reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;\n var scrollBarGap = window.innerWidth - document.documentElement.clientWidth;\n\n if (_reserveScrollBarGap && scrollBarGap > 0) {\n var computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'), 10);\n previousBodyPaddingRight = document.body.style.paddingRight;\n document.body.style.paddingRight = computedBodyPaddingRight + scrollBarGap + 'px';\n }\n }\n\n // If previousBodyOverflowSetting is already set, don't set it again.\n if (previousBodyOverflowSetting === undefined) {\n previousBodyOverflowSetting = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n};\n\nvar restoreOverflowSetting = function restoreOverflowSetting() {\n if (previousBodyPaddingRight !== undefined) {\n document.body.style.paddingRight = previousBodyPaddingRight;\n\n // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it\n // can be set again.\n previousBodyPaddingRight = undefined;\n }\n\n if (previousBodyOverflowSetting !== undefined) {\n document.body.style.overflow = previousBodyOverflowSetting;\n\n // Restore previousBodyOverflowSetting to undefined\n // so setOverflowHidden knows it can be set again.\n previousBodyOverflowSetting = undefined;\n }\n};\n\nvar setPositionFixed = function setPositionFixed() {\n return window.requestAnimationFrame(function () {\n // If previousBodyPosition is already set, don't set it again.\n if (previousBodyPosition === undefined) {\n previousBodyPosition = {\n position: document.body.style.position,\n top: document.body.style.top,\n left: document.body.style.left\n };\n\n // Update the dom inside an animation frame \n var _window = window,\n scrollY = _window.scrollY,\n scrollX = _window.scrollX,\n innerHeight = _window.innerHeight;\n\n document.body.style.position = 'fixed';\n document.body.style.top = -scrollY;\n document.body.style.left = -scrollX;\n\n setTimeout(function () {\n return window.requestAnimationFrame(function () {\n // Attempt to check if the bottom bar appeared due to the position change\n var bottomBarHeight = innerHeight - window.innerHeight;\n if (bottomBarHeight && scrollY >= innerHeight) {\n // Move the content further up so that the bottom bar doesn't hide it\n document.body.style.top = -(scrollY + bottomBarHeight);\n }\n });\n }, 300);\n }\n });\n};\n\nvar restorePositionSetting = function restorePositionSetting() {\n if (previousBodyPosition !== undefined) {\n // Convert the position from \"px\" to Int\n var y = -parseInt(document.body.style.top, 10);\n var x = -parseInt(document.body.style.left, 10);\n\n // Restore styles\n document.body.style.position = previousBodyPosition.position;\n document.body.style.top = previousBodyPosition.top;\n document.body.style.left = previousBodyPosition.left;\n\n // Restore scroll\n window.scrollTo(x, y);\n\n previousBodyPosition = undefined;\n }\n};\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions\nvar isTargetElementTotallyScrolled = function isTargetElementTotallyScrolled(targetElement) {\n return targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;\n};\n\nvar handleScroll = function handleScroll(event, targetElement) {\n var clientY = event.targetTouches[0].clientY - initialClientY;\n\n if (allowTouchMove(event.target)) {\n return false;\n }\n\n if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {\n // element is at the top of its scroll.\n return preventDefault(event);\n }\n\n if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {\n // element is at the bottom of its scroll.\n return preventDefault(event);\n }\n\n event.stopPropagation();\n return true;\n};\n\nexport var disableBodyScroll = function disableBodyScroll(targetElement, options) {\n // targetElement must be provided\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.');\n return;\n }\n\n // disableBodyScroll must not have been called on this targetElement before\n if (locks.some(function (lock) {\n return lock.targetElement === targetElement;\n })) {\n return;\n }\n\n var lock = {\n targetElement: targetElement,\n options: options || {}\n };\n\n locks = [].concat(_toConsumableArray(locks), [lock]);\n\n if (isIosDevice) {\n setPositionFixed();\n } else {\n setOverflowHidden(options);\n }\n\n if (isIosDevice) {\n targetElement.ontouchstart = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n initialClientY = event.targetTouches[0].clientY;\n }\n };\n targetElement.ontouchmove = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n handleScroll(event, targetElement);\n }\n };\n\n if (!documentListenerAdded) {\n document.addEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = true;\n }\n }\n};\n\nexport var clearAllBodyScrollLocks = function clearAllBodyScrollLocks() {\n if (isIosDevice) {\n // Clear all locks ontouchstart/ontouchmove handlers, and the references.\n locks.forEach(function (lock) {\n lock.targetElement.ontouchstart = null;\n lock.targetElement.ontouchmove = null;\n });\n\n if (documentListenerAdded) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n\n // Reset initial clientY.\n initialClientY = -1;\n }\n\n if (isIosDevice) {\n restorePositionSetting();\n } else {\n restoreOverflowSetting();\n }\n\n locks = [];\n};\n\nexport var enableBodyScroll = function enableBodyScroll(targetElement) {\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.');\n return;\n }\n\n locks = locks.filter(function (lock) {\n return lock.targetElement !== targetElement;\n });\n\n if (isIosDevice) {\n targetElement.ontouchstart = null;\n targetElement.ontouchmove = null;\n\n if (documentListenerAdded && locks.length === 0) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n }\n\n if (isIosDevice) {\n restorePositionSetting();\n } else {\n restoreOverflowSetting();\n }\n};\n\n"],"version":3}

package/dist/components/flip-action-list-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-action-list-item.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,oxDAAoxD;;MCYryDA,oBAAkB;EAL/B;;;;IASU,WAAM,GAA8B,SAAS,CAAC;IAE9C,SAAI,GAA4B,GAAG,CAAC;GA0C7C;EAvCC,MAAM;IACJ,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IAE1D,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,4BAA4B,IAAI,CAAC,MAAM,EAAE,EACzC,0BAA0B,IAAI,CAAC,IAAI,EAAE,CACtC,CAAC;IAEF,QACE,EAAC,IAAI,QACH,cACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,IAAI,KACR,YAAM,KAAK,EAAC,wBAAwB,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CACnE,EACD,YAAM,KAAK,EAAC,mCAAmC,IAC7C,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACxD,IAAI,CAAC,WAAW,KACf,YAAM,KAAK,EAAC,+BAA+B,IACxC,IAAI,CAAC,WAAW,CACZ,CACR,CACI,EACN,UAAU,KACT,YACE,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAE,IAAI,CAAC,MAAM,GAChB,CACT,CACM,CACJ,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipActionListItem"],"sources":["./src/components/flip-action-list-item/flip-action-list-item.css?tag=flip-action-list-item&encapsulation=shadow","./src/components/flip-action-list-item/flip-action-list-item.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.action-list-item {\n display: inline-flex;\n width: 100%;\n min-width: 15rem;\n margin: 0;\n padding: var(--s-space-12) var(--s-space-16);\n justify-content: flex-start;\n align-items: center;\n border: none;\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n line-height: var(--s-line-height-base);\n text-align: left;\n cursor: pointer;\n gap: var(--s-space-12);\n\n &:hover {\n background-color: var(--s-surface-overlay-hovered);\n }\n\n &:focus {\n background-color: var(--s-surface-overlay-hovered);\n outline: none;\n }\n\n &:active {\n background-color: var(--s-surface-overlay-pressed);\n }\n\n &:disabled {\n background-color: var(--s-surface-overlay-default);\n cursor: default;\n\n & .action-list-item__label,\n & .action-list-item__description {\n color: var(--s-text-disabled);\n }\n\n & .action-list-item__icon {\n color: var(--s-icon-disabled);\n }\n }\n}\n\n.action-list-item--size-l {\n padding: var(--s-space-16);\n}\n\n.action-list-item--intent-critical {\n & ::part(icon) {\n color: var(--s-icon-critical);\n }\n\n &:not(:disabled) {\n & .action-list-item__label {\n color: var(--s-text-critical);\n }\n\n & .action-list-item__icon {\n color: var(--s-icon-critical);\n }\n }\n}\n\n.action-list-item__icon {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--s-icon-default);\n}\n\n.action-list-item__label-container {\n display: inline-flex;\n min-width: 0;\n flex-grow: 1;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.action-list-item__label {\n overflow: hidden;\n max-width: 100%;\n padding-top: 0.0625rem;\n font-weight: var(--s-font-weight-medium);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.action-list-item__description {\n color: var(--s-text-subdued);\n}\n\n.action-list-item__suffix {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--s-icon-highlight);\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipActionListItemIntent = \"default\" | \"critical\";\n\nexport type FlipActionListItemSize = \"m\" | \"l\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-action-list-item.css\",\n tag: \"flip-action-list-item\",\n})\nexport class FlipActionListItem {\n @Prop() disabled?: boolean;\n @Prop() description?: string;\n @Prop() icon?: string;\n @Prop() intent?: FlipActionListItemIntent = \"default\";\n @Prop() label!: string;\n @Prop() size?: FlipActionListItemSize = \"m\";\n @Prop() suffix?: string;\n\n render() {\n const showSuffix = Boolean(this.suffix) && !this.disabled;\n\n const className = classnames(\n \"action-list-item\",\n `action-list-item--intent-${this.intent}`,\n `action-list-item--size-${this.size}`\n );\n\n return (\n <Host>\n <button\n class={className}\n disabled={this.disabled}\n role=\"menuitem\"\n tabIndex={-1}\n type=\"button\"\n >\n {this.icon && (\n <span class=\"action-list-item__icon\" innerHTML={this.icon}></span>\n )}\n <span class=\"action-list-item__label-container\">\n <span class=\"action-list-item__label\">{this.label}</span>\n {this.description && (\n <span class=\"action-list-item__description\">\n {this.description}\n </span>\n )}\n </span>\n {showSuffix && (\n <span\n class=\"action-list-item__suffix\"\n innerHTML={this.suffix}\n ></span>\n )}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-action-list-section.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-action-list-section.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,+ZAA+Z;;MCUnbA,uBAAqB;;;;;;EAGhC,MAAM;IACJ,QACE,EAAC,IAAI,QACH,8BAAqB,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,IACnE,YAAM,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAC,OAAO,IAChD,IAAI,CAAC,KAAK,CACN,EACP,WAAK,KAAK,EAAC,4BAA4B,IACrC,eAAa,CACT,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipActionListSection"],"sources":["./src/components/flip-action-list-section/flip-action-list-section.css?tag=flip-action-list-section&encapsulation=shadow","./src/components/flip-action-list-section/flip-action-list-section.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.action-list-section {\n background-color: var(--s-surface-overlay-default);\n}\n\n.action-list-section__label {\n display: block;\n width: 100%;\n padding: var(--s-space-8) var(--s-space-16);\n border-bottom: var(--s-border-width-default) solid var(--s-border-default);\n color: var(--s-text-subdued);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-base);\n text-align: left;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\n\n/**\n * @slot slot - The action list item components\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-action-list-section.css\",\n tag: \"flip-action-list-section\",\n})\nexport class FlipActionListSection {\n @Prop() label!: string;\n\n render() {\n return (\n <Host>\n <div aria-labelledby=\"label\" class=\"action-list-section\" role=\"group\">\n <span class=\"action-list-section__label\" id=\"label\">\n {this.label}\n </span>\n <div class=\"action-list-section__items\">\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-action-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-action-list.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,mHAAmH;;MCWhIA,gBAAc;EAL3B;;;;IAcU,cAAS,GAAG,CAAC,KAAoB;MACvC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;QAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;OACtB;WAAM,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;QACjE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;OAC1B;KACF,CAAC;GAwCH;EApDC,gBAAgB;IACd,IAAI,CAAC,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;GACjE;EAYO,aAAa;IACnB,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAClD,MAAM,QAAQ,GAAG,CAAC,eAAe,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAE3D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;GAC9B;EAEO,iBAAiB;IACvB,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAClD,MAAM,QAAQ,GACZ,eAAe,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC;IAEtE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;GAC9B;EAEO,kBAAkB;IACxB,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CACzB,CAAC,IAAI;;MACH,OAAA,IAAI,KAAK,QAAQ,CAAC,aAAa;QAC/B,IAAI;WACF,MAAA,MAAA,QAAQ,CAAC,aAAa,0CAAE,UAAU,0CAAE,aAAa,CAAC,mBAAmB,CAAC,CAAA,CAAA;KAAA,CAC3E,CAAC;GACH;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,+BACmB,UAAU,EAC3B,KAAK,EAAC,aAAa,EACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAC,MAAM,IAEX,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipActionList"],"sources":["./src/components/flip-action-list/flip-action-list.css?tag=flip-action-list&encapsulation=shadow","./src/components/flip-action-list/flip-action-list.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.action-list {\n background-color: var(--s-surface-overlay-default);\n}\n","import { Component, Element, h, Host } from \"@stencil/core\";\nimport { querySelectorAllDeep } from \"../../utils\";\n\n/**\n * @slot slot - The action list items and sections\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-action-list.css\",\n tag: \"flip-action-list\",\n})\nexport class FlipActionList {\n @Element() el: HTMLElement;\n\n private items: HTMLElement[];\n\n componentDidLoad() {\n this.items = querySelectorAllDeep(this.el, '[role=\"menuitem\"]');\n }\n\n private onKeyDown = (event: KeyboardEvent) => {\n if (event.code === \"ArrowDown\" || event.code === \"ArrowRight\") {\n event.preventDefault();\n this.focusNextItem();\n } else if (event.code === \"ArrowUp\" || event.code === \"ArrowLeft\") {\n event.preventDefault();\n this.focusPreviousItem();\n }\n };\n\n private focusNextItem() {\n const activeItemIndex = this.getActiveItemIndex();\n const newIndex = (activeItemIndex + 1) % this.items.length;\n\n this.items[newIndex].focus();\n }\n\n private focusPreviousItem() {\n const activeItemIndex = this.getActiveItemIndex();\n const newIndex =\n activeItemIndex === 0 ? this.items.length - 1 : activeItemIndex - 1;\n\n this.items[newIndex].focus();\n }\n\n private getActiveItemIndex(): number {\n return this.items.findIndex(\n (item) =>\n item === document.activeElement ||\n item ===\n document.activeElement?.shadowRoot?.querySelector('[role=\"menuitem\"]')\n );\n }\n\n render() {\n return (\n <Host>\n <div\n aria-orientation=\"vertical\"\n class=\"action-list\"\n onKeyDown={this.onKeyDown}\n role=\"menu\"\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-avatar-group.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-avatar-group.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,2tBAA2tB;;MCWzuBA,iBAAe;;;;;;EAK1B,gBAAgB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;GACxB;EAEO,eAAe;IACrB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;MACxB,OAAO;KACR;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAEvD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;GAClC;EAED,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE;MAC3C,yBAAyB,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;KAC/C,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEzD,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,IACjC,eAAa,EACZ,IAAI,CAAC,KAAK,KACT,YACE,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,GAC1B,CACT,CACG,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipAvatarGroup"],"sources":["./src/components/flip-avatar-group/flip-avatar-group.css?tag=flip-avatar-group&encapsulation=shadow","./src/components/flip-avatar-group/flip-avatar-group.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.avatar-group {\n position: relative;\n display: inline-grid;\n grid-template-rows: repeat(8, 1fr);\n grid-template-columns: repeat(8, 1fr);\n\n & ::slotted(*:first-of-type) {\n z-index: 1;\n display: inline-flex;\n border: 0.25rem solid var(--flip-avatar-group-border-color);\n border-radius: 50%;\n grid-column-start: 1;\n grid-column-end: 7;\n grid-row-start: 3;\n grid-row-end: 9;\n }\n\n & ::slotted(*:nth-of-type(2)) {\n z-index: 0;\n display: inline-flex;\n border: 0.25rem solid var(--flip-avatar-group-border-color);\n border-radius: 50%;\n grid-column-start: 3;\n grid-column-end: 9;\n grid-row-start: 1;\n grid-row-end: 7;\n }\n}\n\n.avatar-group__badge {\n position: absolute;\n z-index: 2;\n right: 0;\n bottom: 0;\n display: inline-flex;\n width: 1.5rem;\n height: 1.5rem;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n/**\n * @slot slot - Your avatar components\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-avatar-group.css\",\n tag: \"flip-avatar-group\",\n})\nexport class FlipAvatarGroup {\n @Prop() badge?: string;\n\n private badgeEl: HTMLElement;\n\n componentDidLoad() {\n this.forceBadgeProps();\n }\n\n private forceBadgeProps() {\n if (!Boolean(this.badge)) {\n return;\n }\n\n const badge = this.badgeEl.querySelector(\"flip-badge\");\n\n badge?.setAttribute(\"size\", \"m\");\n }\n\n render() {\n const className = classnames(\"avatar-group\", {\n \"avatar-group--has-badge\": Boolean(this.badge),\n });\n\n const badgeClassName = classnames(\"avatar-group__badge\");\n\n return (\n <Host>\n <div class={className} role=\"group\">\n <slot></slot>\n {this.badge && (\n <span\n class={badgeClassName}\n innerHTML={this.badge}\n ref={(el) => (this.badgeEl = el)}\n ></span>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-avatar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-avatar.js","mappings":"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","names":["FlipAvatar"],"sources":["./src/components/flip-avatar/flip-avatar.css?tag=flip-avatar&encapsulation=shadow","./src/components/flip-avatar/flip-avatar.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n align-items: center;\n flex-direction: column;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.avatar {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n}\n\n.avatar--has-icon {\n color: var(--s-icon-default);\n background-color: var(--s-surface-raised-default);\n}\n\n.avatar--has-initials {\n padding-right: 0;\n padding-left: 0;\n color: #fff;\n}\n\n.avatar--interactive {\n cursor: pointer;\n\n &:focus {\n outline-color: var(--s-focus-default);\n }\n}\n\n.avatar--size-xs {\n width: 1.75rem;\n height: 1.75rem;\n font-size: 0.75rem;\n\n &.avatar--has-icon {\n padding-right: 0.4375rem;\n padding-left: 0.4375rem;\n }\n\n &.avatar--variant-square,\n &.avatar--variant-square .avatar__image,\n &.avatar--variant-square .avatar__initials {\n border-radius: 0.5rem;\n }\n}\n\n.avatar--size-s {\n width: 2rem;\n height: 2rem;\n font-size: 0.75rem;\n\n &.avatar--has-icon {\n padding-right: var(--s-space-8);\n padding-left: var(--s-space-8);\n }\n\n &.avatar--variant-square,\n &.avatar--variant-square .avatar__image,\n &.avatar--variant-square .avatar__initials {\n border-radius: 0.5rem;\n }\n}\n\n.avatar--size-m {\n width: 2.5rem;\n height: 2.5rem;\n font-size: var(--s-font-size-base);\n\n &.avatar--has-icon {\n padding-right: 0.625rem;\n padding-left: 0.625rem;\n }\n\n &.avatar--variant-square,\n &.avatar--variant-square .avatar__image,\n &.avatar--variant-square .avatar__initials {\n border-radius: 0.625rem;\n }\n}\n\n.avatar--size-l {\n width: 3rem;\n height: 3rem;\n font-size: var(--s-font-size-lg);\n\n &.avatar--has-icon {\n padding-right: var(--s-space-12);\n padding-left: var(--s-space-12);\n }\n\n &.avatar--variant-square,\n &.avatar--variant-square .avatar__image,\n &.avatar--variant-square .avatar__initials {\n border-radius: 0.75rem;\n }\n}\n\n.avatar--size-xl {\n width: 4rem;\n height: 4rem;\n font-size: var(--s-font-size-xl);\n\n &.avatar--has-icon {\n padding-right: var(--s-space-16);\n padding-left: var(--s-space-16);\n }\n\n &.avatar--variant-square,\n &.avatar--variant-square .avatar__image,\n &.avatar--variant-square .avatar__initials {\n border-radius: 1rem;\n }\n}\n\n.avatar--size-2xl {\n width: 9rem;\n height: 9rem;\n font-size: 3.375rem;\n\n &.avatar--has-icon {\n padding-right: var(--s-space-32);\n padding-left: var(--s-space-32);\n }\n\n &.avatar--variant-square,\n &.avatar--variant-square .avatar__image,\n &.avatar--variant-square .avatar__initials {\n border-radius: 2.25rem;\n }\n}\n\n.avatar__image {\n overflow: hidden;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n\n & > img {\n width: 100%;\n height: 100%;\n }\n}\n\n.avatar__icon {\n display: inline-flex;\n width: 100%;\n height: 100%;\n\n & > * {\n width: 100%;\n height: 100%;\n }\n\n & > *::part(icon) {\n width: 100%;\n height: 100%;\n }\n}\n\n.avatar__initials {\n display: inline-flex;\n width: 100%;\n min-width: 0;\n height: 100%;\n padding-right: 0.0625rem;\n padding-left: 0.0625rem;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: var(--s-decorative-6-default);\n\n & > span {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n\n.avatar__badge {\n position: absolute;\n bottom: 0;\n left: 55%;\n display: inline-flex;\n min-width: 1.5rem;\n height: 1.5rem;\n transform: translate3d(0, 25%, 0);\n}\n\n.avatar__badge--position-top {\n top: 0;\n bottom: auto;\n transform: translate3d(0, -25%, 0);\n}\n\n.avatar__label {\n margin-top: var(--s-space-4);\n color: var(--s-icon-default);\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-align: center;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipAvatarBadgePosition = \"bottom\" | \"top\";\nexport type FlipAvatarSize = \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"2xl\";\nexport type FlipAvatarVariant = \"round\" | \"square\";\n\nconst flipAvatarSizeMappings: { [key in FlipAvatarSize]: number } = {\n xs: 28,\n s: 32,\n m: 40,\n l: 48,\n xl: 64,\n \"2xl\": 144,\n};\n\n@Component({\n shadow: true,\n styleUrl: \"flip-avatar.css\",\n tag: \"flip-avatar\",\n})\nexport class FlipAvatar {\n @Element() element: HTMLElement;\n\n @Prop() badge?: string;\n @Prop() badgePosition?: FlipAvatarBadgePosition = \"bottom\";\n @Prop() icon?: string;\n @Prop() initials?: string;\n @Prop() interactive?: boolean = false;\n @Prop() label!: string;\n @Prop() showLabel?: boolean = false;\n @Prop() size?: FlipAvatarSize = \"m\";\n @Prop() src?: string;\n @Prop() variant?: FlipAvatarVariant = \"round\";\n\n @State() imageAvailable: boolean | undefined;\n\n private badgeEl: HTMLElement;\n\n componentDidLoad() {\n this.forceBadgeProps();\n }\n\n @Watch(\"src\")\n watchSrcProp() {\n this.imageAvailable = undefined;\n }\n\n private forceBadgeProps() {\n if (!Boolean(this.badge)) {\n return;\n }\n\n const badge = this.badgeEl.querySelector(\"flip-badge\");\n\n badge?.setAttribute(\"size\", \"m\");\n }\n\n private setImageAvailable = () => {\n this.imageAvailable = true;\n };\n\n private setImageUnavailable = () => {\n this.imageAvailable = false;\n };\n\n private onKeydown = (event: KeyboardEvent) => {\n // The interactive avatar is activated by the space key on the keyup event,\n // but the default action for space is already triggered on keydown. It\n // needs to be prevented to stop scrolling the page before activating the\n // avatar.\n if (event.code === \"Space\") {\n event.preventDefault();\n } else if (event.code === \"Enter\") {\n event.preventDefault();\n\n this.element.click();\n }\n };\n\n private onKeyup = (event: KeyboardEvent) => {\n if (event.code === \"Space\") {\n event.preventDefault();\n\n this.element.click();\n }\n };\n\n render() {\n const showImage =\n Boolean(this.src) &&\n (this.imageAvailable || this.imageAvailable === undefined);\n\n const showInitials = !showImage && Boolean(this.initials);\n const showIcon = !showImage && !showInitials && Boolean(this.icon);\n const showFallbackIcon = !showImage && !showInitials && !showIcon;\n const showBadge = Boolean(this.badge) && this.size === \"m\";\n\n const role = this.interactive ? \"button\" : \"img\";\n\n const className = classnames(\n \"avatar\",\n `avatar--size-${this.size}`,\n `avatar--variant-${this.variant}`,\n {\n \"avatar--has-icon\": showIcon || showFallbackIcon,\n \"avatar--has-initials\": showInitials,\n \"avatar--interactive\": this.interactive,\n }\n );\n\n const badgeClassName = classnames(\n \"avatar__badge\",\n `avatar__badge--position-${this.badgePosition}`\n );\n\n return (\n <Host\n aria-label={this.label}\n onKeydown={this.interactive ? this.onKeydown : undefined}\n onKeyup={this.interactive ? this.onKeyup : undefined}\n role={role}\n tabIndex={this.interactive ? 0 : undefined}\n >\n <span class={className} part=\"avatar\">\n {showImage && (\n <span class=\"avatar__image\">\n <img\n alt=\"\"\n height={flipAvatarSizeMappings[this.size]}\n onError={this.setImageUnavailable}\n onLoad={this.setImageAvailable}\n src={this.src}\n width={flipAvatarSizeMappings[this.size]}\n />\n </span>\n )}\n {showInitials && (\n <span class=\"avatar__initials\">\n <span>{this.initials}</span>\n </span>\n )}\n {showIcon && <span class=\"avatar__icon\" innerHTML={this.icon}></span>}\n {showFallbackIcon && (\n <span class=\"avatar__icon\">\n <flip-icon-person></flip-icon-person>\n </span>\n )}\n {showBadge && (\n <span\n class={badgeClassName}\n innerHTML={this.badge}\n ref={(el) => (this.badgeEl = el)}\n ></span>\n )}\n </span>\n\n {this.showLabel && (\n <span aria-hidden class=\"avatar__label\">\n {this.label}\n </span>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-badge.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-badge.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,mxDAAmxD;;MCuB3xDA,WAAS;EALtB;;;;IAOU,WAAM,GAAqB,UAAU,CAAC;IAEtC,SAAI,GAAmB,GAAG,CAAC;IAC3B,YAAO,GAAsB,SAAS,CAAC;GAwBhD;EAtBC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAC1B,OAAO,EACP,iBAAiB,IAAI,CAAC,MAAM,EAAE,EAC9B,eAAe,IAAI,CAAC,IAAI,EAAE,EAC1B,kBAAkB,IAAI,CAAC,OAAO,EAAE,EAChC;MACE,iBAAiB,EAAE,IAAI,CAAC,IAAI;KAC7B,CACF,CAAC;IAEF,QACE,EAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,IACjB,YAAM,KAAK,EAAE,SAAS,IACnB,IAAI,CAAC,IAAI,IAAI,YAAM,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,EACpE,IAAI,CAAC,IAAI,KAAK,SAAS,KACtB,YAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC/C,CACI,CACF,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipBadge"],"sources":["./src/components/flip-badge/flip-badge.css?tag=flip-badge&encapsulation=shadow","./src/components/flip-badge/flip-badge.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n min-width: 0;\n max-width: 100%;\n justify-content: center;\n align-items: center;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.badge {\n display: inline-flex;\n max-width: 100%;\n justify-content: center;\n align-items: center;\n border: 0.25rem solid var(--flip-badge-border-color);\n border-radius: 2rem;\n color: var(--s-text-on-status);\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n}\n\n.badge--size-s {\n min-width: 1.5rem;\n height: 1.5rem;\n font-size: 0.75rem;\n\n & .badge__label {\n padding-right: 0.1875rem;\n padding-left: 0.1875rem;\n }\n\n & .badge__icon {\n & > *::part(icon) {\n width: 0.75rem;\n height: 0.75rem;\n }\n }\n}\n\n.badge--size-m {\n min-width: 2rem;\n height: 2rem;\n\n & .badge__label {\n padding-right: 0.375rem;\n padding-left: 0.375rem;\n }\n}\n\n.badge--has-icon {\n padding-right: 0;\n padding-left: 0;\n}\n\n.badge--intent-critical {\n background-color: var(--s-surface-critical-default);\n}\n\n.badge--intent-decorative-1 {\n background-color: var(--s-decorative-1-default);\n}\n\n.badge--intent-decorative-2 {\n background-color: var(--s-decorative-2-default);\n}\n\n.badge--intent-decorative-3 {\n color: var(--s-text-default);\n background-color: var(--s-decorative-3-default);\n}\n\n.badge--intent-decorative-4 {\n color: var(--s-text-default);\n background-color: var(--s-decorative-4-default);\n}\n\n.badge--intent-decorative-5 {\n background-color: var(--s-decorative-5-default);\n}\n\n.badge--intent-decorative-6 {\n background-color: var(--s-decorative-6-default);\n}\n\n.badge--intent-decorative-7 {\n background-color: var(--s-decorative-7-default);\n}\n\n.badge--variant-dot {\n width: 1.25rem;\n min-width: 0;\n height: 1.25rem;\n\n & .badge__label {\n padding-right: 0;\n padding-left: 0;\n }\n\n & .badge__label,\n & .badge__icon {\n display: none;\n }\n}\n\n.badge__icon {\n display: inline-flex;\n\n & > *::part(icon) {\n width: 1rem;\n height: 1rem;\n }\n}\n\n.badge__label {\n display: inline-flex;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n","import classnames from \"classnames\";\n\nimport { Component, h, Host, Prop } from \"@stencil/core\";\n\nexport type FlipBadgeIntent =\n | \"critical\"\n | \"decorative-1\"\n | \"decorative-2\"\n | \"decorative-3\"\n | \"decorative-4\"\n | \"decorative-5\"\n | \"decorative-6\"\n | \"decorative-7\";\n\nexport type FlipBadgeSize = \"s\" | \"m\";\n\nexport type FlipBadgeVariant = \"default\" | \"dot\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-badge.css\",\n tag: \"flip-badge\",\n})\nexport class FlipBadge {\n @Prop() icon?: string;\n @Prop() intent?: FlipBadgeIntent = \"critical\";\n @Prop() label!: string;\n @Prop() size?: FlipBadgeSize = \"m\";\n @Prop() variant?: FlipBadgeVariant = \"default\";\n\n render() {\n const className = classnames(\n \"badge\",\n `badge--intent-${this.intent}`,\n `badge--size-${this.size}`,\n `badge--variant-${this.variant}`,\n {\n \"badge--has-icon\": this.icon,\n }\n );\n\n return (\n <Host role=\"status\">\n <span class={className}>\n {this.icon && <span class=\"badge__icon\" innerHTML={this.icon}></span>}\n {this.icon === undefined && (\n <span class=\"badge__label\">{this.label}</span>\n )}\n </span>\n </Host>\n );\n }\n}\n"],"version":3}