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-action-list/flip-action-list.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-action-list.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-action-list/flip-action-list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,eAAe;EACb,SAAS,EAAE,kBAAkB;EAC7B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;EAE/D,OAAO,CAAC,SAAS,GAAG;;;;GAInB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,cAAc,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-action-list.mdx\";\n\nexport default {\n component: \"flip-action-list\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipActionList\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-action-list\", args);\n\n element.innerHTML = `\n <flip-action-list-item icon=\"<flip-icon-mention></flip-icon-mention>\" label=\"Action item 1\"></flip-action-list-item>\n <flip-action-list-item icon=\"<flip-icon-mention></flip-icon-mention>\" label=\"Action item 2\"></flip-action-list-item>\n <flip-action-list-item icon=\"<flip-icon-mention></flip-icon-mention>\" label=\"Action item 3\"></flip-action-list-item>\n `;\n\n return element;\n};\n\nexport const FlipActionList = Template.bind({});\n\nFlipActionList.args = {};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-action-list-item.js","sourceRoot":"","sources":["../../../../src/components/flip-action-list-item/flip-action-list-item.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,kBAAkB;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,OAAO,CACL,EAAC,IAAI;MACH,cACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ;QAEZ,IAAI,CAAC,IAAI,IAAI,CACZ,YAAM,KAAK,EAAC,wBAAwB,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CACnE;QACD,YAAM,KAAK,EAAC,mCAAmC;UAC7C,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAQ;UACxD,IAAI,CAAC,WAAW,IAAI,CACnB,YAAM,KAAK,EAAC,+BAA+B,IACxC,IAAI,CAAC,WAAW,CACZ,CACR,CACI;QACN,UAAU,IAAI,CACb,YACE,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAE,IAAI,CAAC,MAAM,GAChB,CACT,CACM,CACJ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-action-list-item.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-action-list-item/flip-action-list-item.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,6BAA6B,CAAC;AAE/C,eAAe;EACb,SAAS,EAAE,uBAAuB;EAClC,UAAU,EAAE;IACV,CAAC,KAAK,EAAE,EAAE;MACR,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAEhD,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;MACvC,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,+BAA+B;CACvC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;EAEpE,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,WAAW,EAAE,qCAAqC;EAClD,IAAI,EAAE,yCAAyC;EAC/C,KAAK,EAAE,mBAAmB;EAC1B,MAAM,EAAE,qDAAqD;CAC9D,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-action-list-item.mdx\";\n\nexport default {\n component: \"flip-action-list-item\",\n decorators: [\n (story) => {\n const container = document.createElement(\"div\");\n\n container.setAttribute(\"role\", \"menu\");\n container.append(story());\n\n return container;\n },\n ],\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipActionListItem\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-action-list-item\", args);\n\n return element;\n};\n\nexport const FlipActionListItem = Template.bind({});\n\nFlipActionListItem.args = {\n description: \"Description of the action list item\",\n icon: `<flip-icon-mention></flip-icon-mention>`,\n label: \"This is an action\",\n suffix: `<flip-icon-chevron-right></flip-icon-chevron-right>`,\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-action-list-section.js","sourceRoot":"","sources":["../../../../src/components/flip-action-list-section/flip-action-list-section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,qBAAqB;EAGhC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,8BAAqB,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO;QACnE,YAAM,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAC,OAAO,IAChD,IAAI,CAAC,KAAK,CACN;QACP,WAAK,KAAK,EAAC,4BAA4B;UACrC,eAAa,CACT,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-action-list-section.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-action-list-section/flip-action-list-section.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,gCAAgC,CAAC;AAElD,eAAe;EACb,SAAS,EAAE,0BAA0B;EACrC,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,kCAAkC;CAC1C,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;EAEhD,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;EAEvC,MAAM,OAAO,GAAG,oBAAoB,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;EAEvE,OAAO,CAAC,SAAS,GAAG;;;;GAInB,CAAC;EAEF,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;EAExC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvD,qBAAqB,CAAC,IAAI,GAAG;EAC3B,KAAK,EAAE,eAAe;CACvB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-action-list-section.mdx\";\n\nexport default {\n component: \"flip-action-list-section\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipActionListSection\",\n};\n\nconst Template = (args) => {\n const container = document.createElement(\"div\");\n\n container.setAttribute(\"role\", \"menu\");\n\n const element = generateStoryElement(\"flip-action-list-section\", args);\n\n element.innerHTML = `\n <flip-action-list-item label=\"This is an action\"></flip-action-list-item>\n <flip-action-list-item label=\"This is an action\"></flip-action-list-item>\n <flip-action-list-item label=\"This is an action\"></flip-action-list-item>\n `;\n\n container.append(\"\\n \", element, \"\\n\");\n\n return container;\n};\n\nexport const FlipActionListSection = Template.bind({});\n\nFlipActionListSection.args = {\n label: \"Section label\",\n};\n"]}

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-avatar.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-avatar/flip-avatar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,eAAe;EACb,QAAQ,EAAE;IACR,KAAK,EAAE;MACL,WAAW,EAAE,gCAAgC;MAC7C,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EACJ,+EAA+E;UACjF,OAAO,EAAE,YAAY;SACtB;OACF;KACF;IACD,IAAI,EAAE;MACJ,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EAAE,0CAA0C;UAClD,OAAO,EAAE,aAAa;SACvB;OACF;KACF;GACF;EACD,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,KAAK,EACH,0EAA0E;EAC5E,KAAK,EAAE,UAAU;EACjB,GAAG,EAAE,sCAAsC;CAC5C,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-avatar.mdx\";\n\nexport default {\n argTypes: {\n badge: {\n description: 'Visible with default size \"m\".',\n table: {\n type: {\n detail:\n 'e.g. <flip-badge aria-label=\"3 new messages\" label=\"3\" size=\"s\"></flip-badge>',\n summary: \"flip-badge\",\n },\n },\n },\n icon: {\n table: {\n type: {\n detail: \"e.g. <flip-icon-close></flip-icon-close>\",\n summary: \"flip-icon-*\",\n },\n },\n },\n },\n component: \"flip-avatar\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipAvatar\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-avatar\", args);\n\n return element;\n};\n\nexport const FlipAvatar = Template.bind({});\n\nFlipAvatar.args = {\n badge:\n '<flip-badge aria-label=\"3 new messages\" label=\"3\" size=\"s\"></flip-badge>',\n label: \"John Doe\",\n src: \"https://picsum.photos/id/433/144/144\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-avatar-group.js","sourceRoot":"","sources":["../../../../src/components/flip-avatar-group/flip-avatar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AAMH,MAAM,OAAO,eAAe;EAK1B,gBAAgB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;EACzB,CAAC;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;EACnC,CAAC;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,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO;QACjC,eAAa;QACZ,IAAI,CAAC,KAAK,IAAI,CACb,YACE,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,GAC1B,CACT,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-avatar-group.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-avatar-group/flip-avatar-group.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,eAAe;EACb,QAAQ,EAAE;IACR,KAAK,EAAE;MACL,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EACJ,8EAA8E;UAChF,OAAO,EAAE,YAAY;SACtB;OACF;KACF;GACF;EACD,SAAS,EAAE,mBAAmB;EAC9B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;EAEhE,OAAO,CAAC,SAAS,GAAG;;;GAGnB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEjD,eAAe,CAAC,IAAI,GAAG;EACrB,KAAK,EAAE,iEAAiE;CACzE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-avatar-group.mdx\";\n\nexport default {\n argTypes: {\n badge: {\n table: {\n type: {\n detail:\n 'e.g. <flip-badge aria-label=\"3 new messages\" label=\"3\" size=\"s\"><flip-badge>',\n summary: \"flip-badge\",\n },\n },\n },\n },\n component: \"flip-avatar-group\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipAvatarGroup\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-avatar-group\", args);\n\n element.innerHTML = `\n <flip-avatar label=\"Jane Doe\" src=\"https://avatars.dicebear.com/api/adventurer-neutral/a.svg?size=144\" size=\"s\"></flip-avatar>\n <flip-avatar label=\"John Doe\" src=\"https://avatars.dicebear.com/api/adventurer-neutral/b.svg?size=144\" size=\"s\"></flip-avatar>\n `;\n\n return element;\n};\n\nexport const FlipAvatarGroup = Template.bind({});\n\nFlipAvatarGroup.args = {\n badge: `<flip-badge aria-label=\"3 new messages\" label=\"3\"></flip-badge>`,\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-badge.js","sourceRoot":"","sources":["../../../../src/components/flip-badge/flip-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAqBzD,MAAM,OAAO,SAAS;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,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,QAAQ;MACjB,YAAM,KAAK,EAAE,SAAS;QACnB,IAAI,CAAC,IAAI,IAAI,YAAM,KAAK,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS;QACpE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B,YAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC/C,CACI,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-badge.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-badge/flip-badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,aAAa;AACb,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,eAAe;EACb,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EAAE,0CAA0C;UAClD,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,YAAY,EAAE,gBAAgB;EAC9B,KAAK,EAAE,GAAG;CACX,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\n// @ts-ignore\nimport Docs from \"./flip-badge.mdx\";\n\nexport default {\n argTypes: {\n icon: {\n table: {\n type: {\n detail: \"e.g. <flip-icon-close></flip-icon-close>\",\n summary: \"flip-icon-*\",\n },\n },\n },\n },\n component: \"flip-badge\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipBadge\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-badge\", args);\n\n return element;\n};\n\nexport const FlipBadge = Template.bind({});\n\nFlipBadge.args = {\n \"aria-label\": \"3 new messages\",\n label: \"3\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-banner.js","sourceRoot":"","sources":["../../../../src/components/flip-banner/flip-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,qBAAqB,GAA0C;EACnE,OAAO,EAAE,SAAS;EAClB,QAAQ,EAAE,qCAAqC;EAC/C,OAAO,EAAE,mDAAmD;EAC5D,OAAO,EAAE,yCAAyC;EAClD,IAAI,EAAE,mCAAmC;CAC1C,CAAC;AAOF,MAAM,OAAO,UAAU;EALvB;IAUU,gBAAW,GAAa,KAAK,CAAC;IAC9B,iBAAY,GAAY,SAAS,CAAC;IAClC,eAAU,GAAwB,QAAQ,CAAC;IAC3C,WAAM,GAAsB,SAAS,CAAC;IACtC,aAAQ,GAAa,KAAK,CAAC;IAKnC,aAAQ,GAAG,CAAC,KAAiB,EAAE,EAAE;MAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,cAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;MAChC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;GAwDH;EAtDC,MAAM;IACJ,MAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,EAAE,kBAAkB,IAAI,CAAC,MAAM,EAAE,EAAE;MACtE,kBAAkB,EAAE,QAAQ;KAC7B,CAAC,CAAC;IAEH,OAAO,CACL,EAAC,IAAI;MACH,+BACmB,SAAS,EAC1B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,CAAC;QAEV,QAAQ,IAAI,CACX,2BACc,MAAM,EAClB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,IAAI,GACT,CACT;QACD,YAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAC,SAAS,IACvC,IAAI,CAAC,OAAO,CACR;QACN,YAAY,IAAI,CACf,YAAM,KAAK,EAAC,kBAAkB;UAC3B,IAAI,CAAC,WAAW,IAAI,CACnB,cACE,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,WAAW,CACV,CACV;UACA,IAAI,CAAC,WAAW,IAAI,CACnB,4BACc,IAAI,CAAC,YAAY,EAC7B,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,IAAI,EAAC,QAAQ;YAEb,0BAAmC,CAC5B,CACV,CACI,CACR,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipBannerAriaRole = \"alert\" | \"status\";\n\nexport type FlipBannerIntent =\n | \"default\"\n | \"critical\"\n | \"success\"\n | \"warning\"\n | \"info\";\n\nconst flipBannerIconMapping: { [key in FlipBannerIntent]: string } = {\n default: undefined,\n critical: \"<flip-icon-error></flip-icon-error>\",\n success: \"<flip-icon-check-circle></flip-icon-check-circle>\",\n warning: \"<flip-icon-warning></flip-icon-warning>\",\n info: \"<flip-icon-info></flip-icon-info>\",\n};\n\n@Component({\n shadow: true,\n styleUrl: \"flip-banner.css\",\n tag: \"flip-banner\",\n})\nexport class FlipBanner {\n @Element() element: HTMLElement;\n\n @Prop() actionLabel?: string;\n @Prop() content!: string;\n @Prop() dismissable?: boolean = false;\n @Prop() dismissLabel?: string = \"Dismiss\";\n @Prop() importance?: FlipBannerAriaRole = \"status\";\n @Prop() intent?: FlipBannerIntent = \"default\";\n @Prop() showIcon?: boolean = false;\n\n @Event() action?: EventEmitter<MouseEvent>;\n @Event() dismiss?: EventEmitter<MouseEvent>;\n\n onAction = (event: MouseEvent) => {\n this.action.emit(event);\n };\n\n onDismiss = (event: MouseEvent) => {\n this.dismiss.emit(event);\n };\n\n render() {\n const icon = flipBannerIconMapping[this.intent];\n const showControls = Boolean(this.actionLabel) || this.dismissable;\n const showIcon = this.showIcon && Boolean(icon);\n\n const className = classnames(\"banner\", `banner--intent-${this.intent}`, {\n \"banner--has-icon\": showIcon,\n });\n\n return (\n <Host>\n <div\n aria-describedby=\"content\"\n class={className}\n role={this.importance}\n tabIndex={0}\n >\n {showIcon && (\n <span\n aria-hidden=\"true\"\n class=\"banner__icon\"\n innerHTML={icon}\n ></span>\n )}\n <span class=\"banner__content\" id=\"content\">\n {this.content}\n </span>\n {showControls && (\n <span class=\"banner__controls\">\n {this.actionLabel && (\n <button\n class=\"banner__action-button\"\n onClick={this.onAction}\n type=\"button\"\n >\n {this.actionLabel}\n </button>\n )}\n {this.dismissable && (\n <button\n aria-label={this.dismissLabel}\n class=\"banner__dismiss-button\"\n onClick={this.onDismiss}\n type=\"button\"\n >\n <flip-icon-close></flip-icon-close>\n </button>\n )}\n </span>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-banner.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-banner/flip-banner.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,WAAW,EAAE,QAAQ;EACrB,OAAO,EACL,6JAA6J;EAC/J,WAAW,EAAE,IAAI;EACjB,MAAM,EAAE,UAAU;CACnB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-banner.mdx\";\n\nexport default {\n component: \"flip-banner\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipBanner\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-banner\", args);\n\n return element;\n};\n\nexport const FlipBanner = Template.bind({});\n\nFlipBanner.args = {\n actionLabel: \"Action\",\n content:\n \"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.\",\n dismissable: true,\n intent: \"critical\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-button.js","sourceRoot":"","sources":["../../../../src/components/flip-button/flip-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipButtonIconPosition = \"start\" | \"end\";\n\nexport type FlipButtonIntent = \"default\" | \"primary\" | \"critical\";\n\nexport type FlipButtonSize = \"m\" | \"l\";\n\nexport type FlipButtonType = \"button\" | \"submit\";\n\nexport type FlipButtonVariant =\n | \"flat\"\n | \"ghost\"\n | \"plain\"\n | \"floating\"\n | \"on-image\";\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 tag: \"flip-button\",\n styleUrl: \"flip-button.css\",\n})\nexport class FlipButton {\n @Prop() disabled?: boolean;\n @Prop() download?: string;\n @Prop() flipAriaDescribedby?: string;\n @Prop() flipAriaLabel?: string;\n @Prop() form?: string;\n @Prop() hideLabel?: boolean;\n @Prop() href?: string;\n @Prop() icon?: string;\n @Prop() iconPosition: FlipButtonIconPosition = \"start\";\n @Prop() intent?: FlipButtonIntent = \"default\";\n @Prop() label!: string;\n @Prop() name?: string;\n @Prop() size?: FlipButtonSize = \"m\";\n @Prop() target?: string;\n @Prop() type?: FlipButtonType = \"button\";\n @Prop() value?: string;\n @Prop() variant?: FlipButtonVariant = \"ghost\";\n\n private iconEl: HTMLElement;\n\n componentDidLoad() {\n this.forceIconProps();\n }\n\n private forceIconProps() {\n if (!Boolean(this.iconEl)) {\n return;\n }\n\n const icon = this.iconEl.children[0];\n\n icon?.setAttribute(\"size\", \"24\");\n }\n\n render() {\n const hideLabel =\n (this.hideLabel && Boolean(this.icon)) ||\n (this.variant === \"floating\" && this.intent === \"default\");\n\n const isLink = Boolean(this.href);\n\n const ariaLabel = Boolean(this.flipAriaLabel)\n ? this.flipAriaLabel\n : hideLabel\n ? this.label\n : undefined;\n\n const className = classnames(\n \"button\",\n `button--icon-position-${this.iconPosition}`,\n `button--intent-${this.intent}`,\n `button--size-${this.size}`,\n `button--variant-${this.variant}`,\n {\n \"button--icon-only\": hideLabel,\n }\n );\n\n const Tag = isLink ? \"a\" : \"button\";\n\n return (\n <Host>\n <Tag\n aria-describedby={this.flipAriaDescribedby}\n aria-disabled={this.disabled && !isLink ? \"true\" : undefined}\n aria-label={ariaLabel}\n class={className}\n disabled={isLink ? undefined : this.disabled}\n download={isLink ? undefined : this.download}\n form={isLink ? undefined : this.form}\n href={this.href}\n name={isLink ? undefined : this.name}\n target={isLink ? this.target : undefined}\n type={isLink ? undefined : this.type}\n value={isLink ? undefined : this.value}\n >\n {this.icon && (\n <span\n class=\"button__icon\"\n innerHTML={this.icon}\n ref={(el) => (this.iconEl = el)}\n ></span>\n )}\n {!hideLabel && <span class=\"button__label\">{this.label}</span>}\n </Tag>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-button.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-button/flip-button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,aAAa;AACb,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,eAAe;EACb,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EAAE,0CAA0C;UAClD,OAAO,EAAE,aAAa;SACvB;OACF;KACF;GACF;EACD,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,IAAI,EAAE,iCAAiC;EACvC,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\n// @ts-ignore\nimport Docs from \"./flip-button.mdx\";\n\nexport default {\n argTypes: {\n icon: {\n table: {\n type: {\n detail: \"e.g. <flip-icon-close></flip-icon-close>\",\n summary: \"flip-icon-*\",\n },\n },\n },\n },\n component: \"flip-button\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipButton\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-button\", args);\n\n return element;\n};\n\nexport const FlipButton = Template.bind({});\n\nFlipButton.args = {\n icon: \"<flip-icon-add></flip-icon-add>\",\n label: \"Label\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-button-group.js","sourceRoot":"","sources":["../../../../src/components/flip-button-group/flip-button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,OAAO,eAAe;EAL5B;IAMU,gBAAW,GAAgC,YAAY,CAAC;GAoCjE;EA/BC,MAAM;IACJ,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAE3C,MAAM,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE;MAC3C,yBAAyB,EAAE,IAAI,CAAC,SAAS;KAC1C,CAAC,CAAC;IAEH,OAAO,CACL,EAAC,IAAI;MACH,kBACE,KAAK,EACH,IAAI,CAAC,WAAW,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO;UAC7C,CAAC,CAAC,SAAS;UACX,CAAC,CAAC,OAAO,EAEb,KAAK,EAAE,SAAS,EAChB,OAAO,EACL,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,IAAI,CAAC,OAAO;UAC/C,CAAC,CAAC,SAAS;UACX,CAAC,CAAC,OAAO,EAEb,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI;QAEf,eAAa,CACF,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\nimport { FlipStackOrientation } from \"../flip-stack/flip-stack\";\n\nexport type FlipButtonGroupOrientation = FlipStackOrientation;\n\n@Component({\n shadow: true,\n styleUrl: \"flip-button-group.css\",\n tag: \"flip-button-group\",\n})\nexport class FlipButtonGroup {\n @Prop() orientation?: FlipButtonGroupOrientation = \"horizontal\";\n @Prop() segmented?: boolean;\n @Prop() stretch?: boolean;\n @Prop() wrap?: boolean;\n\n render() {\n const spacing = this.segmented ? \"0\" : \"8\";\n\n const className = classnames(\"button-group\", {\n \"button-group--segmented\": this.segmented,\n });\n\n return (\n <Host>\n <flip-stack\n align={\n this.orientation === \"vertical\" && this.stretch\n ? \"stretch\"\n : \"start\"\n }\n class={className}\n justify={\n this.orientation === \"horizontal\" && this.stretch\n ? \"stretch\"\n : \"start\"\n }\n orientation={this.orientation}\n role=\"group\"\n spacing={spacing}\n wrap={this.wrap}\n >\n <slot></slot>\n </flip-stack>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-button-group.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-button-group/flip-button-group.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,eAAe;EACb,QAAQ,EAAE;IACR,SAAS,EAAE;MACT,WAAW,EACT,4EAA4E;KAC/E;GACF;EACD,SAAS,EAAE,mBAAmB;EAC9B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;EAEhE,OAAO,CAAC,SAAS,GAAG;;;;GAInB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEjD,eAAe,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-button-group.mdx\";\n\nexport default {\n argTypes: {\n segmented: {\n description:\n 'Should only be used with button variant \"flat\" and horizontal orientation.',\n },\n },\n component: \"flip-button-group\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipButtonGroup\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-button-group\", args);\n\n element.innerHTML = `\n <flip-button label=\"Button\" variant=\"flat\"></flip-button>\n <flip-button label=\"Button\" variant=\"flat\"></flip-button>\n <flip-button icon=\"<flip-icon-expand-more></flip-icon-expand-more>\" label=\"Button\" hide-label variant=\"flat\"></flip-button>\n `;\n\n return element;\n};\n\nexport const FlipButtonGroup = Template.bind({});\n\nFlipButtonGroup.args = {};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-checkbox.js","sourceRoot":"","sources":["../../../../src/components/flip-checkbox/flip-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipCheckboxState = boolean | \"true\" | \"false\" | \"indeterminate\";\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-checkbox.css\",\n tag: \"flip-checkbox\",\n})\nexport class FlipCheckbox {\n @Prop({ mutable: true }) checked?: FlipCheckboxState = false;\n @Prop() description?: string;\n @Prop() disabled?: boolean = false;\n @Prop() flipAriaDescribedby?: string;\n @Prop() inputId!: string;\n @Prop() inputName!: string;\n @Prop() invalid?: boolean;\n @Prop() label?: string;\n @Prop() value?: string;\n\n @Event() valueChange: EventEmitter<boolean>;\n\n private onChange = () => {\n this.checked =\n this.checked === true || this.checked === \"true\" ? false : true;\n\n this.valueChange.emit(this.checked);\n };\n\n render() {\n const unchecked = this.checked === false || this.checked === \"false\";\n const checked = this.checked === true || this.checked === \"true\";\n const indeterminate = this.checked === \"indeterminate\";\n\n const showLabelContainer = Boolean(this.label) || Boolean(this.description);\n\n const ariaCheckedLabel = checked ? \"true\" : unchecked ? \"false\" : \"mixed\";\n const ariaInvalid =\n this.invalid === true\n ? \"true\"\n : this.invalid === false\n ? \"false\"\n : undefined;\n\n const className = classnames(\"checkbox\", {\n \"checkbox--checked\": checked,\n \"checkbox--disabled\": this.disabled,\n \"checkbox--indeterminate\": indeterminate,\n \"checkbox--invalid\": this.invalid,\n \"checkbox--unchecked\": unchecked,\n });\n\n return (\n <Host>\n <label class={className} htmlFor={this.inputId}>\n <span class=\"checkbox__control\">\n <flip-visually-hidden>\n <input\n aria-checked={ariaCheckedLabel}\n aria-describedby={this.flipAriaDescribedby}\n aria-invalid={ariaInvalid}\n checked={checked}\n class=\"checkbox__input\"\n disabled={this.disabled}\n id={this.inputId}\n indeterminate={indeterminate}\n name={this.inputName}\n onChange={this.onChange}\n type=\"checkbox\"\n value={this.value}\n />\n </flip-visually-hidden>\n <span aria-hidden=\"true\" class=\"checkbox__box\">\n <span class=\"checkbox__icon\">\n {checked && <flip-icon-check-strong></flip-icon-check-strong>}\n {indeterminate && (\n <span class=\"checkbox__indeterminate-icon\"></span>\n )}\n </span>\n </span>\n </span>\n {showLabelContainer && (\n <span class=\"checkbox__label-container\">\n {this.label && <span class=\"checkbox__label\">{this.label}</span>}\n {this.description && (\n <span class=\"checkbox__description\">{this.description}</span>\n )}\n </span>\n )}\n </label>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-checkbox/flip-checkbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,qBAAqB,CAAC;AAEvC,eAAe;EACb,QAAQ,EAAE;IACR,OAAO,EAAE;MACP,OAAO,EAAE,OAAO;MAChB,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC;KACxC;GACF;EACD,SAAS,EAAE,eAAe;EAC1B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;EAE5D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE9C,YAAY,CAAC,IAAI,GAAG;EAClB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,mCAAmC;EAChD,OAAO,EAAE,UAAU;EACnB,SAAS,EAAE,UAAU;EACrB,KAAK,EAAE,UAAU;CAClB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-checkbox.mdx\";\n\nexport default {\n argTypes: {\n checked: {\n control: \"radio\",\n options: [false, \"indeterminate\", true],\n },\n },\n component: \"flip-checkbox\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipCheckbox\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-checkbox\", args);\n\n return element;\n};\n\nexport const FlipCheckbox = Template.bind({});\n\nFlipCheckbox.args = {\n checked: true,\n description: \"Optional description of the item.\",\n inputId: \"checkbox\",\n inputName: \"Checkbox\",\n label: \"Checkbox\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-chip.js","sourceRoot":"","sources":["../../../../src/components/flip-chip/flip-chip.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,QAAQ;EALrB;IAQU,WAAM,GAAoB,SAAS,CAAC;IACpC,gBAAW,GAAa,KAAK,CAAC;GAoEvC;EA9DC,gBAAgB;IACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACxB,IAAI,CAAC,cAAc,EAAE,CAAC;EACxB,CAAC;EAEO,gBAAgB;IACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;MAC3B,OAAO;KACR;IAED,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAE1D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IACvC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAEnC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;EACrC,CAAC;EAEO,cAAc;IACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;MACzB,OAAO;KACR;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAErC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;EACnC,CAAC;EAED,MAAM;IACJ,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IAEjD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,gBAAgB,IAAI,CAAC,MAAM,EAAE,EAAE;MAClE,mBAAmB,EAAE,IAAI,CAAC,WAAW;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,EAAC,IAAI;MACH,EAAC,GAAG,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACjE,UAAU,IAAI,CACb,YACE,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,GAC3B,CACT;QACA,QAAQ,IAAI,CACX,YACE,KAAK,EAAC,YAAY,EAClB,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,GACzB,CACT;QACD,YAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAQ,CACzC,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipChipIntent = \"default\" | \"critical\" | \"success\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-chip.css\",\n tag: \"flip-chip\",\n})\nexport class FlipChip {\n @Prop() avatar?: string;\n @Prop() icon?: string;\n @Prop() intent?: FlipChipIntent = \"default\";\n @Prop() interactive?: boolean = false;\n @Prop() label!: string;\n\n private avatarEl: HTMLElement;\n private iconEl: HTMLElement;\n\n componentDidLoad() {\n this.forceAvatarProps();\n this.forceIconProps();\n }\n\n private forceAvatarProps() {\n if (!Boolean(this.avatarEl)) {\n return;\n }\n\n const avatar = this.avatarEl.querySelector(\"flip-avatar\");\n\n avatar?.removeAttribute(\"badge\");\n avatar?.removeAttribute(\"interactive\");\n avatar?.removeAttribute(\"show-label\");\n avatar?.removeAttribute(\"variant\");\n\n avatar?.setAttribute(\"size\", \"xs\");\n }\n\n private forceIconProps() {\n if (!Boolean(this.iconEl)) {\n return;\n }\n\n const icon = this.iconEl.children[0];\n\n icon?.setAttribute(\"size\", \"24\");\n }\n\n render() {\n const Tag = this.interactive ? \"button\" : \"span\";\n\n const showAvatar = Boolean(this.avatar);\n const showIcon = !showAvatar && Boolean(this.icon);\n\n const className = classnames(\"chip\", `chip--intent-${this.intent}`, {\n \"chip--interactive\": this.interactive,\n });\n\n return (\n <Host>\n <Tag class={className} type={this.interactive ? \"button\" : undefined}>\n {showAvatar && (\n <span\n class=\"chip__avatar\"\n innerHTML={this.avatar}\n ref={(el) => (this.avatarEl = el)}\n ></span>\n )}\n {showIcon && (\n <span\n class=\"chip__icon\"\n innerHTML={this.icon}\n ref={(el) => (this.iconEl = el)}\n ></span>\n )}\n <span class=\"chip__label\">{this.label}</span>\n </Tag>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-chip.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-chip/flip-chip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,eAAe;EACb,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EACJ,8FAA8F;UAChG,OAAO,EAAE,aAAa;SACvB;OACF;KACF;IACD,IAAI,EAAE;MACJ,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EAAE,0CAA0C;UAClD,OAAO,EAAE,aAAa;SACvB;OACF;KACF;GACF;EACD,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,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,QAAQ,CAAC,IAAI,GAAG;EACd,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-chip.mdx\";\n\nexport default {\n argTypes: {\n avatar: {\n table: {\n type: {\n detail:\n 'e.g. <flip-avatar label=\"John Doe\" src=\"https://picsum.photos/id/433/144/144\"></flip-avatar>',\n summary: \"flip-avatar\",\n },\n },\n },\n icon: {\n table: {\n type: {\n detail: \"e.g. <flip-icon-close></flip-icon-close>\",\n summary: \"flip-icon-*\",\n },\n },\n },\n },\n component: \"flip-chip\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipChip\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-chip\", args);\n\n return element;\n};\n\nexport const FlipChip = Template.bind({});\n\nFlipChip.args = {\n label: \"Label\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-date-input.js","sourceRoot":"","sources":["../../../../src/components/flip-date-input/flip-date-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from \"@stencil/core\";\nimport { AirDatepickerLocale } from \"air-datepicker\";\nimport { format, isValid, parse } from \"date-fns\";\nimport { create as createMask } from \"maska/dist/es6/maska\";\nimport Maska from \"maska/types/maska\";\n\nconst internalDateFormat = \"yyyy-MM-dd\";\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-date-input.css\",\n tag: \"flip-date-input\",\n})\nexport class FlipDateInput {\n @Prop() autoFocus?: boolean;\n @Prop() autoSelect?: boolean;\n @Prop() datePickerLabel?: string = \"Date picker\";\n @Prop() disabled?: boolean;\n @Prop() flipAriaDescribedby?: string;\n @Prop() format?: string = \"yyyy-MM-dd\";\n @Prop() invalid?: boolean;\n @Prop() locale?: Partial<AirDatepickerLocale>;\n @Prop() placeholder?: string = \"yyyy-mm-dd\";\n @Prop() required?: boolean;\n @Prop({ mutable: true, reflect: true }) value?: string;\n\n @Event() valueChange: EventEmitter<string>;\n\n private id: string;\n private mask: Maska;\n private pickerPopover: HTMLFlipPopoverElement;\n\n componentWillLoad() {\n const index = document.querySelectorAll(\"flip-date-input\").length;\n\n this.id = `flip-date-input-${index}`;\n }\n\n componentDidLoad() {\n this.setupMask();\n }\n\n disconnectedCallback() {\n this.mask?.destroy();\n }\n\n @Watch(\"format\")\n watchFormat() {\n this.setupMask();\n }\n\n private onChange = (event: Event) => {\n const value = (event.target as HTMLInputElement).value;\n const newDate = parse(value, this.format, new Date());\n\n const formatRegExp = new RegExp(\n `^${this.format.replace(/y|d|M/g, \"\\\\d\")}$`\n );\n\n if (!Boolean(value.match(formatRegExp)) || !isValid(newDate)) {\n return;\n }\n\n const newValue = format(newDate, internalDateFormat);\n\n this.value = newValue;\n this.valueChange.emit(newValue);\n };\n\n private onInput = (event: Event) => {\n this.onChange(event);\n };\n\n private onClick = (event: MouseEvent) => {\n event.preventDefault();\n };\n\n private onFocus = (event: FocusEvent) => {\n this.handleAutoSelect(event);\n };\n\n private onPickDate = (event: CustomEvent<Date | Date[]>) => {\n const newDateValue = event.detail as Date;\n\n const newValue = format(newDateValue, internalDateFormat);\n\n this.value = newValue;\n this.valueChange.emit(newValue);\n\n this.pickerPopover.close();\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 setupMask() {\n this.mask?.destroy();\n\n this.mask = createMask(`#${this.id}`, {\n mask: this.format.replace(/y|d|M/g, \"#\"),\n });\n }\n\n render() {\n const ariaInvalid =\n this.invalid === true\n ? \"true\"\n : this.invalid === false\n ? \"false\"\n : undefined;\n\n const dateValue = Boolean(this.value)\n ? parse(this.value, internalDateFormat, new Date())\n : undefined;\n\n const displayValue = isValid(dateValue)\n ? format(dateValue, this.format)\n : undefined;\n\n return (\n <Host>\n <div class=\"date-input\">\n <input\n aria-describedby={this.flipAriaDescribedby}\n aria-disabled={this.disabled ? \"true\" : undefined}\n aria-invalid={ariaInvalid}\n autoFocus={this.autoFocus}\n class=\"date-input__input\"\n disabled={this.disabled}\n id={this.id}\n onClick={this.onClick}\n onFocus={this.onFocus}\n onInput={this.onInput}\n placeholder={this.placeholder}\n required={this.required}\n type=\"text\"\n value={displayValue}\n />\n\n <button\n aria-hidden=\"true\"\n class=\"date-input__date-picker-button\"\n disabled={this.disabled}\n id={`${this.id}-trigger`}\n tabIndex={-1}\n type=\"button\"\n >\n <flip-icon-today></flip-icon-today>\n </button>\n </div>\n\n {!this.disabled && (\n <flip-popover\n label={this.datePickerLabel}\n placement=\"bottom-end\"\n popoverId=\"popover\"\n ref={(el) => (this.pickerPopover = el)}\n trigger={`${this.id}-trigger`}\n >\n <flip-date-picker\n locale={this.locale}\n onValueChange={this.onPickDate}\n value={dateValue}\n ></flip-date-picker>\n </flip-popover>\n )}\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-date-input.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-date-input/flip-date-input.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,eAAe;EACb,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,WAAW,EAAE,+CAA+C;MAC5D,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,MAAM,EAAE,yDAAyD;UACjE,OAAO,EAAE,kBAAkB;SAC5B;OACF;KACF;IACD,MAAM,EAAE;MACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;GACF;EACD,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,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-date-input.mdx\";\n\nexport default {\n argTypes: {\n format: {\n description: \"See https://date-fns.org/v2.29.3/docs/format.\",\n table: {\n type: {\n detail: '\"d\", \"M\", \"y\", and separators (e.g. \".\", \"-\", \"/\", \" \")',\n summary: \"Allowed patterns\",\n },\n },\n },\n locale: {\n control: { type: \"object\" },\n },\n },\n component: \"flip-date-input\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipDateInput\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-date-input\", args);\n\n return element;\n};\n\nexport const FlipDateInput = Template.bind({});\n\nFlipDateInput.args = {};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-date-picker.js","sourceRoot":"","sources":["../../../../src/components/flip-date-picker/flip-date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,aAAsC,MAAM,gBAAgB,CAAC;AAEpE,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAOhD,MAAM,OAAO,cAAc;EAL3B;IAMU,WAAM,GAAkC,QAAQ,CAAC;IA0DjD,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;MACtC,KAAK,CAAC,eAAe,EAAE,CAAC;MACxB,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;GASH;EApDC,UAAU;IACR,IAAI,CAAC,IAAI,EAAE,CAAC;EACd,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,IAAI,EAAE,CAAC;EACd,CAAC;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,EAAE,CAAC;EACzB,CAAC;EAEO,IAAI;;IACV,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,EAAE,CAAC;IAEvB,IAAI,CAAC,MAAM,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE;MAChD,OAAO,EAAE,aAAa;MACtB,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI,CAAC,MAAM;MACnB,OAAO,EAAE,IAAI,CAAC,OAAO;MACrB,OAAO,EAAE,IAAI,CAAC,OAAO;MACrB,OAAO,EAAE,MAAM;MACf,QAAQ,EAAE,qDAAqD;MAC/D,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MAC9B,CAAC;MACD,QAAQ,EAAE,mDAAmD;MAC7D,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,aAAa,EACX,IAAI,CAAC,KAAK,KAAK,SAAS;QACtB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;UAC3B,CAAC,CAAC,IAAI,CAAC,KAAK;UACZ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;MAClB,SAAS,EAAE,IAAI,CAAC,SAAS;MACzB,cAAc,EAAE,CAAC,IAAI,CAAC,KAAK;MAC3B,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;EACL,CAAC;EAOD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO;MACzB,WAAK,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,GAAQ,CAC5C,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 AirDatepicker, { AirDatepickerLocale } from \"air-datepicker\";\n\nimport localeEn from \"air-datepicker/locale/en\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-date-picker.css\",\n tag: \"flip-date-picker\",\n})\nexport class FlipDatePicker {\n @Prop() locale?: Partial<AirDatepickerLocale> = localeEn;\n @Prop() maxDate?: Date;\n @Prop() minDate?: Date;\n @Prop() range?: boolean;\n @Prop() startDate?: Date;\n @Prop({ mutable: true }) value?: Date | Date[];\n\n @Event({ bubbles: false }) valueChange: EventEmitter<Date | Date[]>;\n\n private containerEl: HTMLDivElement;\n private picker: AirDatepicker<HTMLElement>;\n\n @Watch(\"locale\")\n @Watch(\"maxDate\")\n @Watch(\"minDate\")\n @Watch(\"range\")\n @Watch(\"startDate\")\n @Watch(\"value\")\n watchProps() {\n this.init();\n }\n\n componentDidLoad() {\n this.init();\n }\n\n disconnectedCallback() {\n this.picker?.destroy();\n }\n\n private init() {\n this.picker?.destroy();\n\n this.picker = new AirDatepicker(this.containerEl, {\n classes: \"date-picker\",\n inline: true,\n locale: this.locale,\n maxDate: this.maxDate,\n minDate: this.minDate,\n minView: \"days\",\n nextHtml: \"<flip-icon-chevron-right></flip-icon-chevron-right>\",\n onSelect: ({ date }) => {\n this.valueChange.emit(date);\n },\n prevHtml: \"<flip-icon-chevron-left></flip-icon-chevron-left>\",\n range: this.range,\n selectedDates:\n this.value === undefined\n ? undefined\n : Array.isArray(this.value)\n ? this.value\n : [this.value],\n startDate: this.startDate,\n toggleSelected: !this.range,\n view: \"days\",\n });\n }\n\n private onClick = (event: MouseEvent) => {\n event.stopPropagation();\n event.preventDefault();\n };\n\n render() {\n return (\n <Host onClick={this.onClick}>\n <div ref={(el) => (this.containerEl = el)}></div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-date-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-date-picker/flip-date-picker.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,eAAe;EACb,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;GACF;EACD,SAAS,EAAE,kBAAkB;EAC7B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;EAE/D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,cAAc,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-date-picker.mdx\";\n\nexport default {\n argTypes: {\n locale: {\n control: { type: \"object\" },\n },\n },\n component: \"flip-date-picker\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipDatePicker\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-date-picker\", args);\n\n return element;\n};\n\nexport const FlipDatePicker = Template.bind({});\n\nFlipDatePicker.args = {};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-description-list.js","sourceRoot":"","sources":["../../../../src/components/flip-description-list/flip-description-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AAMH,MAAM,OAAO,mBAAmB;EAC9B,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,UAAI,KAAK,EAAC,kBAAkB;QAC1B,eAAa,CACV,CACA,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from \"@stencil/core\";\n\n/**\n * @slot slot - The description list items\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-description-list.css\",\n tag: \"flip-description-list\",\n})\nexport class FlipDescriptionList {\n render() {\n return (\n <Host>\n <dl class=\"description-list\">\n <slot></slot>\n </dl>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-description-list.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-description-list/flip-description-list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,6BAA6B,CAAC;AAE/C,eAAe;EACb,SAAS,EAAE,uBAAuB;EAClC,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,gCAAgC;CACxC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;EAEpE,OAAO,CAAC,SAAS,GAAG;;;;;;;;;;;;GAYnB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAErD,mBAAmB,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-description-list.mdx\";\n\nexport default {\n component: \"flip-description-list\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipDescriptionList\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-description-list\", args);\n\n element.innerHTML = `\n <flip-description-list-item term=\"Term #1\">\n A short description\n </flip-description-list-item>\n <flip-description-list-item term=\"A longer term that might wrap\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Metus eu\n consectetur vestibulum tempus, nulla lobortis ipsum. Odio a ipsum purus\n pellentesque maecenas.\n </flip-description-list-item>\n <flip-description-list-item term=\"Term #3\">\n A short description\n </flip-description-list-item>\n `;\n\n return element;\n};\n\nexport const FlipDescriptionList = Template.bind({});\n\nFlipDescriptionList.args = {};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-description-list-item.js","sourceRoot":"","sources":["../../../../src/components/flip-description-list-item/flip-description-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,uBAAuB;EAGlC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,uBAAuB;QAChC,UAAI,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,IAAI,CAAM;QACxD,UAAI,KAAK,EAAC,oCAAoC;UAC5C,eAAa,CACV,CACD,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\n\n/**\n * @slot slot - The description\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-description-list-item.css\",\n tag: \"flip-description-list-item\",\n})\nexport class FlipDescriptionListItem {\n @Prop() term!: string;\n\n render() {\n return (\n <Host>\n <div class=\"description-list-item\">\n <dt class=\"description-list-item__term\">{this.term}</dt>\n <dd class=\"description-list-item__description\">\n <slot></slot>\n </dd>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-description-list-item/flip-description-list-item.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-description-list-item.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-description-list-item/flip-description-list-item.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,kCAAkC,CAAC;AAEpD,eAAe;EACb,SAAS,EAAE,4BAA4B;EACvC,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,oCAAoC;CAC5C,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAC;EAEzE,OAAO,CAAC,SAAS,GAAG,qBAAqB,CAAC;EAE1C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzD,uBAAuB,CAAC,IAAI,GAAG;EAC7B,IAAI,EAAE,eAAe;CACtB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-description-list-item.mdx\";\n\nexport default {\n component: \"flip-description-list-item\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipDescriptionListItem\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-description-list-item\", args);\n\n element.innerHTML = `A short description`;\n\n return element;\n};\n\nexport const FlipDescriptionListItem = Template.bind({});\n\nFlipDescriptionListItem.args = {\n term: \"Term or label\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-dialog.js","sourceRoot":"","sources":["../../../../src/components/flip-dialog/flip-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from \"@stencil/core\";\nimport A11yDialog from \"a11y-dialog\";\nimport classnames from \"classnames\";\n\nexport type FlipDialogIntent = \"primary\" | \"critical\";\n\n/**\n * @slot slot - The dialog content\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-dialog.css\",\n tag: \"flip-dialog\",\n})\nexport class FlipDialog {\n @Prop() hideLabel?: boolean;\n @Prop() intent?: FlipDialogIntent = \"primary\";\n @Prop() label!: string;\n @Prop() primaryActionLabel?: string;\n @Prop() secondaryActionLabel?: string;\n\n @Event() primaryAction: EventEmitter<MouseEvent>;\n @Event() secondaryAction: EventEmitter<MouseEvent>;\n\n @State() closing = false;\n\n private controlsContainerEl: HTMLElement;\n private dialog: A11yDialog;\n private dialogEl: HTMLDivElement;\n\n componentDidLoad() {\n this.dialog = new A11yDialog(this.dialogEl);\n\n this.dialog.on(\"show\", () => {\n this.controlsContainerEl\n .querySelector<HTMLButtonElement>(\"flip-button button\")\n ?.focus();\n });\n }\n\n disconnectedCallback() {\n this.dialog?.destroy();\n }\n\n /**\n * Open the dialog.\n */\n @Method()\n async open() {\n this.dialog.show();\n }\n\n /**\n * Close the dialog.\n */\n @Method()\n async close() {\n if (this.closing) {\n return;\n }\n\n this.closing = true;\n\n setTimeout(() => {\n this.dialog.hide();\n this.closing = false;\n }, 150);\n }\n\n onKeyDown = (event: KeyboardEvent) => {\n if (event.code === \"Escape\") {\n this.close();\n }\n };\n\n private onBackdropClick = () => {\n this.close();\n };\n\n private onPrimaryAction = (event: MouseEvent) => {\n this.primaryAction.emit(event);\n this.close();\n };\n\n private onSecondaryAction = (event: MouseEvent) => {\n this.secondaryAction.emit(event);\n this.close();\n };\n\n render() {\n const className = classnames(\"dialog\", { \"dialog--closing\": this.closing });\n\n return (\n <Host>\n <div\n aria-describedby=\"content\"\n aria-hidden=\"true\"\n aria-labelledby={this.hideLabel ? undefined : \"label\"}\n aria-label={this.hideLabel ? this.label : undefined}\n aria-modal=\"true\"\n class={className}\n onKeyDown={this.onKeyDown}\n ref={(el) => (this.dialogEl = el)}\n role=\"alertdialog\"\n >\n <div class=\"dialog__backdrop\" onClick={this.onBackdropClick}></div>\n <div class=\"dialog__body\" role=\"document\">\n {!this.hideLabel && (\n <h2 class=\"dialog__heading\" id=\"label\">\n {this.label}\n </h2>\n )}\n <div class=\"dialog__content\" id=\"content\">\n <slot></slot>\n </div>\n <flip-button-group\n class=\"dialog__controls\"\n ref={(el) => (this.controlsContainerEl = el)}\n stretch\n wrap\n >\n {this.secondaryActionLabel && (\n <flip-button\n label={this.secondaryActionLabel}\n onClick={this.onSecondaryAction}\n ></flip-button>\n )}\n {this.primaryActionLabel && (\n <flip-button\n intent={this.intent}\n label={this.primaryActionLabel}\n onClick={this.onPrimaryAction}\n variant={this.intent === \"critical\" ? \"ghost\" : \"flat\"}\n ></flip-button>\n )}\n </flip-button-group>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-dialog/flip-dialog.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;MACV,MAAM,EAAE;QACN,IAAI,EAAE;;;;;;;UAOJ;OACH;KACF;GACF;EACD,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;EAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EACtD,MAAM,OAAO,GAAG,oBAAoB,CAClC,aAAa,EACb,IAAI,CACoB,CAAC;EAE3B,OAAO,CAAC,KAAK,GAAG,aAAa,CAAC;EAC9B,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;EAExD,OAAO,CAAC,SAAS,GAAG;;GAEnB,CAAC;EAEF,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EAEnC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5C,UAAU,CAAC,IAAI,GAAG;EAChB,MAAM,EAAE,UAAU;EAClB,KAAK,EAAE,QAAQ;EACf,kBAAkB,EAAE,OAAO;EAC3B,oBAAoB,EAAE,QAAQ;CAC/B,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-dialog.mdx\";\n\nexport default {\n component: \"flip-dialog\",\n parameters: {\n docs: {\n page: Docs,\n source: {\n code: `<flip-dialog id=\"my-dialog\" label=\"Dialog\" primary-action-label=\"Leave\" secondary-action-label=\"Cancel\">\n <p>Do you really want to leave this group chat?</p>\n</flip-dialog>\n\n<script>\n const dialog = document.body.querySelector('#my-dialog');\n dialog.open();\n</script>`,\n },\n },\n },\n title: \"Components/FlipDialog\",\n};\n\nconst Template = (args) => {\n const container = document.createElement(\"div\");\n const trigger = document.createElement(\"flip-button\");\n const element = generateStoryElement(\n \"flip-dialog\",\n args\n ) as HTMLFlipDialogElement;\n\n trigger.label = \"Open dialog\";\n trigger.addEventListener(\"click\", () => element.open());\n\n element.innerHTML = `\n <p>Do you really want to leave this group chat?</p>\n `;\n\n container.append(trigger, element);\n\n return container;\n};\n\nexport const FlipDialog = Template.bind({});\n\nFlipDialog.args = {\n intent: \"critical\",\n label: \"Dialog\",\n primaryActionLabel: \"Leave\",\n secondaryActionLabel: \"Cancel\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-empty-state.js","sourceRoot":"","sources":["../../../../src/components/flip-empty-state/flip-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;EAIzB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,aAAa;QACrB,IAAI,CAAC,YAAY,IAAI,CACpB,WACE,GAAG,EAAC,EAAE,EACN,KAAK,EAAC,2BAA2B,EACjC,GAAG,EAAE,IAAI,CAAC,YAAY,GACtB,CACH;QAED,WAAK,KAAK,EAAC,mBAAmB;UAC3B,IAAI,CAAC,OAAO,IAAI,CACf,oBACE,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,IAAI,CAAC,OAAO,GACJ,CACjB;UAED,WAAK,KAAK,EAAC,sBAAsB;YAC/B,iBAAW,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS;cACvC,eAAa,CACH,CACR,CACF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-empty-state.css\",\n tag: \"flip-empty-state\",\n})\nexport class FlipEmptyState {\n @Prop() heading?: string;\n @Prop() illustration?: string;\n\n render() {\n return (\n <Host>\n <div class=\"empty-state\">\n {this.illustration && (\n <img\n alt=\"\"\n class=\"empty-state__illustration\"\n src={this.illustration}\n />\n )}\n\n <div class=\"empty-state__body\">\n {this.heading && (\n <flip-heading\n align=\"center\"\n as=\"p\"\n text={this.heading}\n ></flip-heading>\n )}\n\n <div class=\"empty-state__content\">\n <flip-text align=\"center\" color=\"subdued\">\n <slot></slot>\n </flip-text>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-empty-state.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-empty-state/flip-empty-state.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,eAAe;EACb,SAAS,EAAE,kBAAkB;EAC7B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;EAE/D,OAAO,CAAC,SAAS,GAAG;;;;GAInB,CAAC;EAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,cAAc,CAAC,IAAI,GAAG;EACpB,OAAO,EAAE,sBAAsB;EAC/B,YAAY,EAAE,2BAA2B;CAC1C,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-empty-state.mdx\";\n\nexport default {\n component: \"flip-empty-state\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipEmptyState\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-empty-state\", args);\n\n element.innerHTML = `\n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n `;\n\n return element;\n};\n\nexport const FlipEmptyState = Template.bind({});\n\nFlipEmptyState.args = {\n heading: \"Nothing to see here.\",\n illustration: \"/images/empty-state-1.svg\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-uploader.js","sourceRoot":"","sources":["../../../../src/components/flip-file-uploader/flip-file-uploader.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\nimport { FlipFormInput } from \"../../utils\";\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-file-uploader.css\",\n tag: \"flip-file-uploader\",\n})\nexport class FlipFileUploader implements FlipFormInput<FileList> {\n @Prop() accept?: string;\n @Prop() ctaLabel?: string = \"Click to upload\";\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n @Prop() dragDropLabel?: string = \"or drag and drop.\";\n @Prop() inputId!: string;\n @Prop() inputName!: string;\n @Prop() label!: string;\n @Prop() multiple?: boolean;\n @Prop() showDropzone?: boolean = true;\n @Prop() uploadButtonLabel?: string = \"Select file\";\n\n @Event() valueChange: EventEmitter<FileList>;\n\n private inputEl: HTMLInputElement;\n\n /**\n * Reset the file input.\n */\n @Method()\n public async reset() {\n this.inputEl.value = \"\";\n }\n\n private onChange = (event: Event) => {\n const fileList = (event.target as HTMLInputElement).files;\n\n this.valueChange.emit(fileList);\n };\n\n private onUploadButtonClick = () => {\n this.inputEl.click();\n };\n\n render() {\n const ariaDescribedby = Boolean(this.description)\n ? `${this.inputId}-description ${this.inputId}-additional-label`\n : `${this.inputId}-additional-label`;\n\n const tabIndex = this.showDropzone ? 0 : -1;\n\n const className = classnames(\"file-uploader\", {\n \"file-uploader--disabled\": this.disabled,\n \"file-uploader--show-dropzone\": this.showDropzone,\n });\n\n return (\n <Host>\n <div class={className}>\n <label\n class=\"file-uploader__label\"\n htmlFor={this.inputId}\n id={`${this.inputEl}-label`}\n >\n {this.label}\n </label>\n\n {this.description && (\n <span\n class=\"file-uploader__description\"\n id={`${this.inputId}-description`}\n >\n {this.description}\n </span>\n )}\n\n <div class=\"file-uploader__dropzone\">\n {this.showDropzone ? (\n [\n <flip-icon-cloud-upload class=\"file-uploader__dropzone-icon\"></flip-icon-cloud-upload>,\n <div\n class=\"file-uploader__dropzone-label\"\n id={`${this.inputId}-additional-label`}\n >\n <span class=\"file-uploader__dropzone-cta\">\n {this.ctaLabel}\n </span>{\" \"}\n <span class=\"file-uploader__drag-drop-label\">\n {this.dragDropLabel}\n </span>\n </div>,\n ]\n ) : (\n <flip-button\n class=\"file-uploader__upload-button\"\n disabled={this.disabled}\n flipAriaDescribedby={ariaDescribedby}\n intent=\"primary\"\n label={this.uploadButtonLabel}\n onClick={this.onUploadButtonClick}\n variant=\"flat\"\n ></flip-button>\n )}\n\n <input\n accept={this.accept}\n aria-describedby={ariaDescribedby}\n aria-disabled={this.disabled}\n autoComplete=\"off\"\n class=\"file-uploader__input\"\n disabled={this.disabled}\n id={this.inputId}\n multiple={this.multiple}\n name={this.inputName}\n onChange={this.onChange}\n ref={(el) => (this.inputEl = el)}\n tabIndex={tabIndex}\n type=\"file\"\n />\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-uploader.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-file-uploader/flip-file-uploader.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAE5C,eAAe;EACb,SAAS,EAAE,oBAAoB;EAC/B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,6BAA6B;CACrC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC;EAEjE,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAElD,gBAAgB,CAAC,IAAI,GAAG;EACtB,MAAM,EAAE,SAAS;EACjB,WAAW,EAAE,+BAA+B;EAC5C,OAAO,EAAE,aAAa;EACtB,SAAS,EAAE,aAAa;EACxB,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-file-uploader.mdx\";\n\nexport default {\n component: \"flip-file-uploader\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipFileUploader\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-file-uploader\", args);\n\n return element;\n};\n\nexport const FlipFileUploader = Template.bind({});\n\nFlipFileUploader.args = {\n accept: \"image/*\",\n description: \"Only image files are allowed.\",\n inputId: \"file-upload\",\n inputName: \"file-upload\",\n label: \"Label\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer.js","sourceRoot":"","sources":["../../../../src/components/flip-file-viewer/flip-file-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Method, Prop } from \"@stencil/core\";\nimport { saveAs } from \"file-saver\";\nimport { FlipFileViewerPdfZoom } from \"./viewers/flip-file-viewer-pdf/flip-file-viewer-pdf\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-file-viewer.css\",\n tag: \"flip-file-viewer\",\n})\nexport class FlipFileViewer {\n @Prop() active?: boolean = true;\n @Prop() description?: string;\n @Prop() errorMessage?: string = \"File could not be loaded.\";\n @Prop() file!: string;\n @Prop() type!: string;\n @Prop() typeUnsupportedMessage?: string = \"File type is not supported.\";\n @Prop() zoom?: FlipFileViewerPdfZoom = 1;\n\n private viewer: HTMLElement;\n\n /**\n * Download the file.\n */\n @Method()\n async download() {\n const fileName = this.file.split(\"/\").pop();\n\n saveAs(this.file, fileName);\n }\n\n /**\n * Print the file. Applicable to PDFs only.\n */\n @Method()\n async print() {\n if (this.type === \"application/pdf\") {\n (this.viewer as HTMLFlipFileViewerPdfElement).print();\n }\n }\n\n render() {\n const unsupportedType =\n !Boolean(this.type) ||\n (!this.type.startsWith(\"image/\") &&\n !this.type.startsWith(\"video/\") &&\n !this.type.startsWith(\"audio/\") &&\n this.type !== \"text/plain\" &&\n this.type !== \"text/csv\" &&\n this.type !== \"application/pdf\");\n\n return (\n <Host>\n <div class=\"file-viewer\">\n {this.type && this.active && (\n <div class=\"file-viewer__file\">\n {/* images */}\n {this.type.startsWith(\"image/\") && (\n <flip-file-viewer-image\n description={this.description}\n errorMessage={this.errorMessage}\n file={this.file}\n ref={(el) => (this.viewer = el)}\n ></flip-file-viewer-image>\n )}\n\n {/* text files */}\n {this.type === \"text/plain\" && (\n <flip-file-viewer-text\n errorMessage={this.errorMessage}\n file={this.file}\n ref={(el) => (this.viewer = el)}\n ></flip-file-viewer-text>\n )}\n\n {/* csv files */}\n {this.type === \"text/csv\" && (\n <flip-file-viewer-csv\n errorMessage={this.errorMessage}\n file={this.file}\n ref={(el) => (this.viewer = el)}\n ></flip-file-viewer-csv>\n )}\n\n {/* pdf files */}\n {this.type === \"application/pdf\" && (\n <flip-file-viewer-pdf\n errorMessage={this.errorMessage}\n file={this.file}\n ref={(el) => (this.viewer = el)}\n zoom={this.zoom}\n ></flip-file-viewer-pdf>\n )}\n\n {/* video files */}\n {this.type.startsWith(\"video/\") && (\n <flip-file-viewer-video\n file={this.file}\n ref={(el) => (this.viewer = el)}\n type={this.type}\n ></flip-file-viewer-video>\n )}\n\n {/* audio files */}\n {this.type.startsWith(\"audio/\") && (\n <flip-file-viewer-audio\n file={this.file}\n ref={(el) => (this.viewer = el)}\n type={this.type}\n ></flip-file-viewer-audio>\n )}\n\n {unsupportedType && (\n <flip-inline-error\n message={this.typeUnsupportedMessage}\n ></flip-inline-error>\n )}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-file-viewer/flip-file-viewer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,eAAe;EACb,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,IAAI,EAAE;MACJ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;MACzB,WAAW,EAAE,0BAA0B;KACxC;GACF;EACD,SAAS,EAAE,kBAAkB;EAC7B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;EACvD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;EAEzB,MAAM,OAAO,GAAG,oBAAoB,CAClC,kBAAkB,EAClB,IAAI,CACwB,CAAC;EAE/B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,2BAA2B,CAAC;EAEnD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;EACnD,KAAK,CAAC,WAAW,GAAG,YAAY,CAAC;EACjC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;EAEpB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC1D,WAAW,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EAC3C,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IACzC,OAAO,CAAC,KAAK,EAAE,CAAC;EAClB,CAAC,CAAC,CAAC;EAEH,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EAC7D,cAAc,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;EACjD,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC5C,OAAO,CAAC,QAAQ,EAAE,CAAC;EACrB,CAAC,CAAC,CAAC;EAEH,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,EAAE;IACnC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;GACvE;OAAM;IACL,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;GAChD;EAED,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;EAEvD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,cAAc,CAAC,IAAI,GAAG;EACpB,IAAI,EAAE,aAAa;EACnB,IAAI,EAAE,iBAAiB;CACxB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-file-viewer.mdx\";\n\nexport default {\n argTypes: {\n file: {\n control: { type: \"text\" },\n },\n zoom: {\n control: { type: \"text\" },\n description: \"Applicable to PDFs only.\",\n },\n },\n component: \"flip-file-viewer\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipFileViewer\",\n};\n\nconst Template = (args) => {\n const container = document.createElement(\"flip-stack\");\n container.spacing = \"24\";\n\n const element = generateStoryElement(\n \"flip-file-viewer\",\n args\n ) as HTMLFlipFileViewerElement;\n\n element.style.height = \"clamp(400px, 90vh, 700px)\";\n\n const tools = document.createElement(\"flip-stack\");\n tools.orientation = \"horizontal\";\n tools.spacing = \"8\";\n\n const printButton = document.createElement(\"flip-button\");\n printButton.setAttribute(\"label\", \"Print\");\n printButton.addEventListener(\"click\", () => {\n element.print();\n });\n\n const downloadButton = document.createElement(\"flip-button\");\n downloadButton.setAttribute(\"label\", \"Download\");\n downloadButton.addEventListener(\"click\", () => {\n element.download();\n });\n\n if (args.type === \"application/pdf\") {\n tools.append(\"\\n \", printButton, \"\\n \", downloadButton, \"\\n \");\n } else {\n tools.append(\"\\n \", downloadButton, \"\\n \");\n }\n\n container.append(\"\\n \", element, \"\\n \", tools, \"\\n\");\n\n return container;\n};\n\nexport const FlipFileViewer = Template.bind({});\n\nFlipFileViewer.args = {\n file: \"/sample.pdf\",\n type: \"application/pdf\",\n};\n"]}

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-audio/flip-file-viewer-audio.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer-audio.js","sourceRoot":"","sources":["../../../../../../src/components/flip-file-viewer/viewers/flip-file-viewer-audio/flip-file-viewer-audio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,mBAAmB;EAI9B,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;MAC7B,aAAO,KAAK,EAAC,0BAA0B,EAAC,QAAQ;QAC9C,cAAQ,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAW,CAC5C,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-file-viewer-audio.css\",\n tag: \"flip-file-viewer-audio\",\n})\nexport class FlipFileViewerAudio {\n @Prop() file!: string;\n @Prop() type!: string;\n\n render() {\n return (\n <Host class=\"file-viewer-audio\">\n <audio class=\"file-viewer-audio__audio\" controls>\n <source src={this.file} type={this.type}></source>\n </audio>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-csv/flip-file-viewer-csv.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer-csv.js","sourceRoot":"","sources":["../../../../../../src/components/flip-file-viewer/viewers/flip-file-viewer-csv/flip-file-viewer-csv.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAOlC,MAAM,OAAO,iBAAiB;EAL9B;IAMU,iBAAY,GAAY,2BAA2B,CAAC;GA2E7D;EApEC,iBAAiB;IACf,IAAI,CAAC,WAAW,EAAE,CAAC;EACrB,CAAC;EAGD,KAAK,CAAC,WAAW;;IACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IAEpB,IAAI;MACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MAExC,MAAM,MAAM,GAAG,KAAK,CAAW,MAAM,QAAQ,CAAC,IAAI,EAAE,EAAE;QACpD,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,KAAK;QACf,cAAc,EAAE,IAAI;OACrB,CAAC,CAAC;MAEH,IAAI,CAAA,MAAA,MAAM,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC,EAAE;QAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,OAAO;OACR;MAED,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;MAExB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;KACnB;EACH,CAAC;EAED,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB;MAC1B,IAAI,CAAC,KAAK,IAAI,CACb,yBACE,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,IAAI,CAAC,YAAY,GACP,CACtB;MACD,WAAK,KAAK,EAAC,sBAAsB,EAAC,QAAQ,EAAE,CAAC;QAC3C,aAAO,KAAK,EAAC,wBAAwB;UACnC,iBACG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,UAAI,KAAK,EAAC,sBAAsB,EAAC,GAAG,EAAE,OAAO,KAAK,EAAE,IACjD,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,UACE,KAAK,EAAC,uBAAuB,EAC7B,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,IAExB,IAAI,CACF,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ;MACL,IAAI,CAAC,OAAO,IAAI,CACf,WAAK,KAAK,EAAC,0BAA0B;QACnC,uBAA6B,CACzB,CACP,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { parse } from \"papaparse\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-file-viewer-csv.css\",\n tag: \"flip-file-viewer-csv\",\n})\nexport class FlipFileViewerCsv {\n @Prop() errorMessage?: string = \"File could not be loaded.\";\n @Prop() file!: string;\n\n @State() data: (boolean | number | string)[][];\n @State() error: boolean;\n @State() loading: boolean;\n\n componentWillLoad() {\n this.updateTable();\n }\n\n @Watch(\"file\")\n async updateTable() {\n this.error = false;\n this.loading = true;\n\n try {\n const response = await fetch(this.file);\n\n const parsed = parse<string[]>(await response.text(), {\n dynamicTyping: true,\n fastMode: false,\n skipEmptyLines: true,\n });\n\n if (parsed.errors?.length > 0) {\n this.error = true;\n this.loading = false;\n return;\n }\n\n this.data = parsed.data;\n\n this.loading = false;\n } catch (e) {\n this.loading = false;\n this.error = true;\n }\n }\n\n render() {\n return (\n <Host class=\"file-viewer-csv\">\n {this.error && (\n <flip-inline-error\n class=\"file-viewer-csv__error\"\n message={this.errorMessage}\n ></flip-inline-error>\n )}\n <div class=\"file-viewer-csv__csv\" tabIndex={0}>\n <table class=\"file-viewer-csv__table\">\n <tbody>\n {this.data?.map((row, index) => (\n <tr class=\"file-viewer-csv__row\" key={`row-${index}`}>\n {row.map((cell, i) => (\n <td\n class=\"file-viewer-csv__cell\"\n key={`cell-${index}-${i}`}\n >\n {cell}\n </td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n {this.loading && (\n <div class=\"file-viewer-csv__spinner\">\n <flip-spinner></flip-spinner>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-image/flip-file-viewer-image.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer-image.js","sourceRoot":"","sources":["../../../../../../src/components/flip-file-viewer/viewers/flip-file-viewer-image/flip-file-viewer-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOvE,MAAM,OAAO,mBAAmB;EALhC;IAMU,gBAAW,GAAY,EAAE,CAAC;IAC1B,iBAAY,GAAY,2BAA2B,CAAC;IAInD,YAAO,GAAY,IAAI,CAAC;IAQzB,YAAO,GAAG,GAAG,EAAE;MACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;MAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC,CAAC;IAEM,WAAM,GAAG,GAAG,EAAE;MACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;MACnB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC,CAAC;GA0BH;EAvCC,SAAS;IACP,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;EACtB,CAAC;EAYD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;MAC5B,IAAI,CAAC,KAAK,IAAI,CACb,yBACE,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAE,IAAI,CAAC,YAAY,GACP,CACtB;MACD,WACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,IAAI,GACd;MACD,IAAI,CAAC,OAAO,IAAI,CACf,WAAK,KAAK,EAAC,4BAA4B;QACrC,uBAA6B,CACzB,CACP,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-file-viewer-image.css\",\n tag: \"flip-file-viewer-image\",\n})\nexport class FlipFileViewerImage {\n @Prop() description?: string = \"\";\n @Prop() errorMessage?: string = \"File could not be loaded.\";\n @Prop() file!: string;\n\n @State() error: boolean;\n @State() loading: boolean = true;\n\n @Watch(\"file\")\n watchFile() {\n this.error = false;\n this.loading = true;\n }\n\n private onError = () => {\n this.error = true;\n this.loading = false;\n };\n\n private onLoad = () => {\n this.error = false;\n this.loading = false;\n };\n\n render() {\n return (\n <Host class=\"file-viewer-image\">\n {this.error && (\n <flip-inline-error\n class=\"file-viewer-image__error\"\n message={this.errorMessage}\n ></flip-inline-error>\n )}\n <img\n alt={this.description}\n class=\"file-viewer-image__image\"\n onError={this.onError}\n onLoad={this.onLoad}\n src={this.file}\n />\n {this.loading && (\n <div class=\"file-viewer-image__spinner\">\n <flip-spinner></flip-spinner>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-pdf/flip-file-viewer-pdf.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer-pdf.js","sourceRoot":"","sources":["../../../../../../src/components/flip-file-viewer/viewers/flip-file-viewer-pdf/flip-file-viewer-pdf.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,CAAC,EACD,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,GAAG,EAAE,EACV,WAAW,EAGX,eAAe,GAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,GAAG,CAAC,mBAAmB,CAAC,SAAS,GAAG,0BAA0B,CAAC;AAS/D,MAAM,OAAO,iBAAiB;EAL9B;IAQU,iBAAY,GAAY,2BAA2B,CAAC;IAEpD,SAAI,GAA2B,CAAC,CAAC;IAIhC,YAAO,GAAY,IAAI,CAAC;IACxB,iBAAY,GAAa,EAAE,CAAC;IAE7B,UAAK,GAAmB,EAAE,CAAC;IAC3B,kBAAa,GAAa,EAAE,CAAC;IAC7B,yBAAoB,GAAa,EAAE,CAAC;IA+NpC,aAAQ,GAAG,GAAG,EAAE;MACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC,CAAC;GA+DH;EA7RC,KAAK,CAAC,iBAAiB;IACrB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;EACxB,CAAC;EAED,KAAK,CAAC,gBAAgB;IACpB,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAClC,CAAC;EAGD,KAAK,CAAC,cAAc;IAClB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;IACvB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;IACxB,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAClC,CAAC;EAGD,KAAK,CAAC,UAAU;IACd,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;IACtB,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAClC,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,KAAK;IACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IAEpB,MAAM,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;IAE7B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;EACvB,CAAC;EAEO,KAAK,CAAC,QAAQ;IACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IAEpB,IAAI;MACF,IAAI,CAAC,GAAG,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;MAEhD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;OACtB;MAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;MAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;EACH,CAAC;EAEO,KAAK,CAAC,kBAAkB,CAAC,QAAkB;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,KAAK,MAAM,MAAM,IAAI,QAAQ,EAAE;MAC7B,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAC9B,wBAAwB,CACzB,CAAC;MAEF,MAAM,aAAa,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,CAC5C,kCAAkC,CACnC,CAAC;MAEF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAC1B,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,MAAK,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,UAAU,CAAA,CAC9D,CAAC;MAEF,IACE,CAAC,OAAO,CAAC,IAAI,CAAC;QACd,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;QAC5C,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EACnD;QACA,SAAS;OACV;MAED,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC7D,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpC,SAAS;OACV;MAED,IAAI,CAAC,oBAAoB,GAAG;QAC1B,GAAG,IAAI,CAAC,oBAAoB;QAC5B,IAAI,CAAC,UAAU;OAChB,CAAC;MAEF,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;MAEjD,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC;QAChC,KAAK;OACN,CAAC,CAAC;MAEH,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;MAExC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;MAChC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;MAE9B,MAAM,aAAa,GAAG;QACpB,aAAa,EAAE,OAAO;QACtB,QAAQ,EAAE,QAAQ;OACnB,CAAC;MAEF,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC;MAEzC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;MAE1C,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;MAEpC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAC1D,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,KAAK,IAAI,CAAC,UAAU,CAC/C,CAAC;KACH;IAED,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;EACrC,CAAC;EAEO,KAAK,CAAC,kBAAkB,CAAC,QAAkB;IACjD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CACjC,wBAAwB,CACzB,CACF,CAAC;IAEF,IAAI,YAAY,GAAG,QAAQ;MACzB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;MAC/C,CAAC,CAAC,KAAK;SACF,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;SAClE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAE/C,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;MAC7B,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;KAC7B;IAED,MAAM,yBAAyB,GAC7B,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM;MAChD,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,EAAE,CACrC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAClC,CAAC;IAEJ,IAAI,yBAAyB,EAAE;MAC7B,OAAO;KACR;IAED,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IAEjC,MAAM,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;EAC1C,CAAC;EAEO,KAAK,CAAC,eAAe,CAAC,IAAkB,EAAE,SAAsB;IACtE,eAAe,CAAC;MACd,SAAS;MACT,WAAW,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE;MACxC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC;QACzB,KAAK,EACH,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;OACvE,CAAC;KACH,CAAC,CAAC;EACL,CAAC;EAEO,KAAK,CAAC,eAAe;IAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAChD,CAAC;IAEF,IAAI,MAAM,GAAG;;;;;;;;;;OAUV,CAAC;IAEJ,IAAI,IAAI,GAAG;;;;;;;iBAOE,IAAI,CAAC,IAAI;iBACT,MAAM;;;KAGlB,CAAC;IAEF,KAAK,MAAM,MAAM,IAAI,QAAQ,EAAE;MAC7B,IAAI,IAAI,aAAa,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC;KAC7C;IAED,IAAI,IAAI;;;KAGP,CAAC;IAEF,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE7B,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACzB,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACrB,GAAG,CAAC,KAAK,EAAE,CAAC;IAEZ,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpD,GAAG,CAAC,KAAK,EAAE,CAAC;IACZ,GAAG,CAAC,KAAK,EAAE,CAAC;EACd,CAAC;EAEO,QAAQ,CAAC,IAAkB;;IACjC,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM;MACzB,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,WAAW,IAAG,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;MACzD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;EACpB,CAAC;EAMD,MAAM;IACJ,MAAM,cAAc,GAClB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;IAEjC,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB;MAC1B,IAAI,CAAC,KAAK,IAAI,CACb,yBACE,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,IAAI,CAAC,YAAY,GACP,CACtB;MACD,+BACmB,YAAY,EAC7B,KAAK,EAAC,wBAAwB,EAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,IAEvC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC;UAChC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;SAC/B,CAAC,CAAC;QAEH,OAAO,CACL,yBACc,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAC,uBAAuB,sBACX,IAAI,CAAC,UAAU,EACjC,EAAE,EAAE,QAAQ,IAAI,CAAC,UAAU,EAAE,EAC7B,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;YACL,KAAK,EACH,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI;YAC1D,MAAM,EACJ,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI;WAC5D,EACD,QAAQ,EAAE,CAAC;UAEX,cAAQ,KAAK,EAAC,yBAAyB,GAAU;UACjD,WAAK,KAAK,EAAC,iCAAiC,GAAO,CAC/C,CACP,CAAC;MACJ,CAAC,CAAC,CACE;MACL,cAAc,IAAI,CACjB,YAAM,KAAK,EAAC,6BAA6B,EAAC,EAAE,EAAC,YAAY;QACvD,4BAAmB,MAAM,IAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAQ;;QAAG,GAAG;QAC5D,IAAI,CAAC,GAAG,CAAC,QAAQ,CACb,CACR;MACA,WAAW,IAAI,CACd,WAAK,KAAK,EAAC,0BAA0B;QACnC,uBAA6B,CACzB,CACP,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from \"@stencil/core\";\nimport pdf, {\n getDocument,\n PDFDocumentProxy,\n PDFPageProxy,\n renderTextLayer,\n} from \"pdfjs-dist/legacy/build/pdf.js\";\nimport { getVisibleHeight } from \"../../../../utils\";\n\npdf.GlobalWorkerOptions.workerSrc = \"/pdfjs/pdf.worker.min.js\";\n\nexport type FlipFileViewerPdfZoom = number | \"auto\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-file-viewer-pdf.css\",\n tag: \"flip-file-viewer-pdf\",\n})\nexport class FlipFileViewerPdf {\n @Element() el: HTMLElement;\n\n @Prop() errorMessage?: string = \"File could not be loaded.\";\n @Prop() file!: string;\n @Prop() zoom?: FlipFileViewerPdfZoom = 1;\n\n @State() doc: PDFDocumentProxy;\n @State() error: boolean;\n @State() loading: boolean = true;\n @State() visiblePages: number[] = [];\n\n private pages: PDFPageProxy[] = [];\n private renderedPages: number[] = [];\n private renderingPageNumbers: number[] = [];\n private scrollContainer: HTMLDivElement;\n\n async componentWillLoad() {\n await this.getPages();\n }\n\n async componentDidLoad() {\n await this.updateVisiblePages();\n }\n\n @Listen(\"resize\", { target: \"window\" })\n async onWindowResize() {\n this.visiblePages = [];\n this.renderedPages = [];\n await this.updateVisiblePages();\n }\n\n @Watch(\"file\")\n async watchProps() {\n await this.getPages();\n await this.updateVisiblePages();\n }\n\n /**\n * Print the file.\n */\n @Method()\n async print() {\n this.loading = true;\n\n await this.updateVisiblePages(true);\n await this.openPrintDialog();\n\n this.loading = false;\n }\n\n private async getPages() {\n this.error = false;\n this.loading = true;\n\n try {\n this.doc = await getDocument(this.file).promise;\n\n for (let i = 1; i <= this.doc.numPages; i++) {\n const page = await this.doc.getPage(i);\n this.pages[i] = page;\n }\n\n this.loading = false;\n } catch (e) {\n this.error = true;\n this.loading = false;\n }\n }\n\n private async renderVisiblePages(forPrint?: boolean) {\n const canvases = Array.from(this.el.shadowRoot.querySelectorAll(\"canvas\"));\n const renderedPages = [];\n\n for (const canvas of canvases) {\n const container = canvas.closest<HTMLDivElement>(\n \".file-viewer-pdf__page\"\n );\n\n const textContainer = container?.querySelector<HTMLDivElement>(\n \".file-viewer-pdf__text-container\"\n );\n\n const page = this.pages.find(\n (page) => page?.pageNumber === +container?.dataset.pageNumber\n );\n\n if (\n !Boolean(page) ||\n !this.visiblePages.includes(page.pageNumber) ||\n this.renderingPageNumbers.includes(page.pageNumber)\n ) {\n continue;\n }\n\n if (this.renderedPages.includes(page.pageNumber) && !forPrint) {\n renderedPages.push(page.pageNumber);\n continue;\n }\n\n this.renderingPageNumbers = [\n ...this.renderingPageNumbers,\n page.pageNumber,\n ];\n\n const scale = forPrint ? 4 : this.getScale(page);\n\n const viewport = page.getViewport({\n scale,\n });\n\n const context = canvas.getContext(\"2d\");\n\n canvas.height = viewport.height;\n canvas.width = viewport.width;\n\n const renderContext = {\n canvasContext: context,\n viewport: viewport,\n };\n\n await page.render(renderContext).promise;\n\n this.renderTextLayer(page, textContainer);\n\n renderedPages.push(page.pageNumber);\n\n this.renderingPageNumbers = this.renderingPageNumbers.filter(\n (pageNumber) => pageNumber !== page.pageNumber\n );\n }\n\n this.renderedPages = renderedPages;\n }\n\n private async updateVisiblePages(forPrint?: boolean) {\n const pages = Array.from(\n this.el.shadowRoot.querySelectorAll<HTMLDivElement>(\n \".file-viewer-pdf__page\"\n )\n );\n\n let visiblePages = forPrint\n ? pages.map((page) => +page.dataset.pageNumber)\n : pages\n .filter((page) => getVisibleHeight(page, this.scrollContainer) > 0)\n .map((page) => +page.dataset.pageNumber);\n\n if (visiblePages.length === 0) {\n visiblePages = [1, 2, 3, 4];\n }\n\n const visiblePagesDidNotChanged =\n this.visiblePages.length === visiblePages.length &&\n this.visiblePages.every((pageNumber) =>\n visiblePages.includes(pageNumber)\n );\n\n if (visiblePagesDidNotChanged) {\n return;\n }\n\n this.visiblePages = visiblePages;\n\n await this.renderVisiblePages(forPrint);\n }\n\n private async renderTextLayer(page: PDFPageProxy, container: HTMLElement) {\n renderTextLayer({\n container,\n textContent: await page.getTextContent(),\n viewport: page.getViewport({\n scale:\n this.zoom === \"auto\" ? this.getScale(page) : this.getScale(page) / 2,\n }),\n });\n }\n\n private async openPrintDialog() {\n const canvases = Array.from(\n this.scrollContainer.querySelectorAll(\"canvas\")\n );\n\n let styles = `\n *, *:before, *:after {\n margin: 0;\n padding: 0;\n }\n\n img {\n display: block;\n width: 100%;\n }\n `;\n\n let html = `\n <!DOCTYPE html>\n <html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${this.file}</title>\n <style>${styles}</style>\n </head>\n <body>\n `;\n\n for (const canvas of canvases) {\n html += `<img src=\"${canvas.toDataURL()}\">`;\n }\n\n html += `\n </body>\n </html>\n `;\n\n const win = window.open(\" \");\n\n win.document.write(html);\n win.document.close();\n win.focus();\n\n await new Promise((resolve) => setTimeout(resolve));\n\n win.print();\n win.close();\n }\n\n private getScale(page: PDFPageProxy) {\n return this.zoom === \"auto\"\n ? (this.scrollContainer?.clientWidth - 32) / page.view[2]\n : isNaN(this.zoom)\n ? 2\n : this.zoom * 2;\n }\n\n private onScroll = () => {\n this.updateVisiblePages();\n };\n\n render() {\n const showPagination =\n !this.error && !this.loading && this.visiblePages.length > 0;\n\n const showSpinner = this.loading;\n\n return (\n <Host class=\"file-viewer-pdf\">\n {this.error && (\n <flip-inline-error\n class=\"file-viewer-pdf__error\"\n message={this.errorMessage}\n ></flip-inline-error>\n )}\n <div\n aria-describedby=\"pagination\"\n class=\"file-viewer-pdf__pages\"\n onScroll={this.onScroll}\n ref={(el) => (this.scrollContainer = el)}\n >\n {this.pages.map((page) => {\n const viewport = page.getViewport({\n scale: this.getScale(page) / 2,\n });\n\n return (\n <div\n aria-label={page.pageNumber}\n class=\"file-viewer-pdf__page\"\n data-page-number={page.pageNumber}\n id={`page-${page.pageNumber}`}\n key={page.pageNumber}\n role=\"region\"\n style={{\n width:\n this.zoom === \"auto\" ? undefined : `${viewport.width}px`,\n height:\n this.zoom === \"auto\" ? undefined : `${viewport.height}px`,\n }}\n tabIndex={0}\n >\n <canvas class=\"file-viewer-pdf__canvas\"></canvas>\n <div class=\"file-viewer-pdf__text-container\"></div>\n </div>\n );\n })}\n </div>\n {showPagination && (\n <span class=\"file-viewer-pdf__pagination\" id=\"pagination\">\n <span aria-current=\"page\">{this.visiblePages[0]}</span> /{\" \"}\n {this.doc.numPages}\n </span>\n )}\n {showSpinner && (\n <div class=\"file-viewer-pdf__spinner\">\n <flip-spinner></flip-spinner>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer-text.js","sourceRoot":"","sources":["../../../../../../src/components/flip-file-viewer/viewers/flip-file-viewer-text/flip-file-viewer-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOvE,MAAM,OAAO,kBAAkB;EAL/B;IAMU,iBAAY,GAAY,2BAA2B,CAAC;GA+C7D;EAxCC,iBAAiB;IACf,IAAI,CAAC,UAAU,EAAE,CAAC;EACpB,CAAC;EAGD,KAAK,CAAC,UAAU;IACd,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IAEpB,IAAI;MACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MAExC,IAAI,CAAC,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;MAClC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;KACnB;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB;MAC3B,IAAI,CAAC,KAAK,IAAI,CACb,yBACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,YAAY,GACP,CACtB;MACD,WAAK,KAAK,EAAC,wBAAwB,EAAC,QAAQ,EAAE,CAAC,IAC5C,IAAI,CAAC,IAAI,CACN;MACL,IAAI,CAAC,OAAO,IAAI,CACf,WAAK,KAAK,EAAC,2BAA2B;QACpC,uBAA6B,CACzB,CACP,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-file-viewer-text.css\",\n tag: \"flip-file-viewer-text\",\n})\nexport class FlipFileViewerText {\n @Prop() errorMessage?: string = \"File could not be loaded.\";\n @Prop() file!: string;\n\n @State() error: boolean;\n @State() loading: boolean;\n @State() text: string;\n\n componentWillLoad() {\n this.updateText();\n }\n\n @Watch(\"file\")\n async updateText() {\n this.error = false;\n this.loading = true;\n\n try {\n const response = await fetch(this.file);\n\n this.text = await response.text();\n this.loading = false;\n } catch (e) {\n this.loading = false;\n this.error = true;\n }\n }\n\n render() {\n return (\n <Host class=\"file-viewer-text\">\n {this.error && (\n <flip-inline-error\n class=\"file-viewer-text__error\"\n message={this.errorMessage}\n ></flip-inline-error>\n )}\n <pre class=\"file-viewer-text__text\" tabIndex={0}>\n {this.text}\n </pre>\n {this.loading && (\n <div class=\"file-viewer-text__spinner\">\n <flip-spinner></flip-spinner>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-video/flip-file-viewer-video.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"flip-file-viewer-video.js","sourceRoot":"","sources":["../../../../../../src/components/flip-file-viewer/viewers/flip-file-viewer-video/flip-file-viewer-video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,mBAAmB;EAI9B,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;MAC7B,aAAO,KAAK,EAAC,0BAA0B,EAAC,QAAQ;QAC9C,cAAQ,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAW,CAC5C,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-file-viewer-video.css\",\n tag: \"flip-file-viewer-video\",\n})\nexport class FlipFileViewerVideo {\n @Prop() file!: string;\n @Prop() type!: string;\n\n render() {\n return (\n <Host class=\"file-viewer-video\">\n <video class=\"file-viewer-video__video\" controls>\n <source src={this.file} type={this.type}></source>\n </video>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-form-control.js","sourceRoot":"","sources":["../../../../src/components/flip-form-control/flip-form-control.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n/**\n * @slot slot - The input element, e.g. `<flip-text-input></flip-text-input>`\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-form-control.css\",\n tag: \"flip-form-control\",\n})\nexport class FlipFormControl {\n @Element() el: HTMLElement;\n\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n @Prop() errorMessage?: string;\n @Prop() invalid?: boolean;\n @Prop() label!: string;\n\n @State() hasFocus: boolean;\n @State() inputValue: string;\n\n private descriptionId = `form-control-description-${Math.round(\n Math.random() * 100000\n )}`;\n\n private inputEl: HTMLElement;\n\n componentWillLoad() {\n this.inputEl = this.el.children[0] as HTMLElement;\n\n this.associateDescriptionWithInputElement();\n this.setInputElementDisabledState();\n this.setInputElementInvalidState();\n this.checkInputValue();\n this.listenToInputValueChanges();\n }\n\n @Watch(\"description\")\n associateDescriptionWithInputElement() {\n if (!Boolean(this.description) || !Boolean(this.inputEl)) {\n return;\n }\n\n this.inputEl.setAttribute(\"flip-aria-describedby\", this.descriptionId);\n }\n\n @Watch(\"disabled\")\n setInputElementDisabledState() {\n if (!Boolean(this.inputEl)) {\n return;\n }\n\n if (this.disabled) {\n this.inputEl.setAttribute(\"disabled\", \"true\");\n } else {\n this.inputEl.removeAttribute(\"disabled\");\n }\n }\n\n @Watch(\"invalid\")\n setInputElementInvalidState() {\n if (!Boolean(this.inputEl)) {\n return;\n }\n\n if (this.invalid) {\n this.inputEl.setAttribute(\"invalid\", \"true\");\n } else {\n this.inputEl.removeAttribute(\"invalid\");\n }\n }\n\n @Listen(\"click\", { target: \"window\" })\n onWindowClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n\n if (this.el.contains(target)) {\n return;\n }\n\n this.hasFocus = false;\n }\n\n private listenToInputValueChanges = () => {\n this.inputEl.addEventListener(\"valueChange\", this.checkInputValue);\n };\n\n private checkInputValue = () => {\n this.inputValue = (this.inputEl as HTMLInputElement)?.value;\n };\n\n private onFocusIn = () => {\n this.hasFocus = true;\n };\n\n private onFocusOut = (event: FocusEvent) => {\n if (Boolean(event.relatedTarget)) {\n this.hasFocus = false;\n }\n };\n\n render() {\n const showErrorMessage = Boolean(this.errorMessage);\n const showDescription = Boolean(this.description) && !showErrorMessage;\n\n const className = classnames(\"form-control\", {\n \"form-control--disabled\": this.disabled,\n \"form-control--has-focus\": this.hasFocus,\n \"form-control--has-value\": Boolean(this.inputValue),\n \"form-control--invalid\": this.invalid,\n });\n\n return (\n <Host onFocusin={this.onFocusIn} onFocusout={this.onFocusOut}>\n <div class={className} role=\"group\">\n <label class=\"form-control__label\">\n <span class=\"form-control__label-text\">{this.label}</span>\n <span class=\"form-control__input\">\n <slot></slot>\n </span>\n </label>\n {showDescription && (\n <span class=\"form-control__description\" id={this.descriptionId}>\n {this.description}\n </span>\n )}\n {showErrorMessage && (\n <span\n aria-live=\"polite\"\n class=\"form-control__error-message\"\n id={this.descriptionId}\n >\n <flip-inline-error\n message={this.errorMessage}\n size=\"s\"\n ></flip-inline-error>\n </span>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-form-control.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-form-control/flip-form-control.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,eAAe;EACb,SAAS,EAAE,mBAAmB;EAC9B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;KACX;GACF;EACD,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;EAEvD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;EAEzB,MAAM,SAAS,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;EAElE,SAAS,CAAC,SAAS,GAAG;;GAErB,CAAC;EAEF,MAAM,WAAW,GAAG,oBAAoB,CAAC,mBAAmB,kCACvD,IAAI,KACP,KAAK,EAAE,gBAAgB,IACvB,CAAC;EAEH,WAAW,CAAC,SAAS,GAAG;;GAEvB,CAAC;EAEF,MAAM,SAAS,GAAG,oBAAoB,CAAC,mBAAmB,kCACrD,IAAI,KACP,KAAK,EAAE,cAAc,IACrB,CAAC;EAEH,SAAS,CAAC,SAAS,GAAG;;GAErB,CAAC;EAEF,MAAM,aAAa,GAAG,oBAAoB,CAAC,mBAAmB,kCACzD,IAAI,KACP,KAAK,EAAE,kBAAkB,IACzB,CAAC;EAEH,aAAa,CAAC,SAAS,GAAG;;GAEzB,CAAC;EAEF,MAAM,cAAc,GAAG,oBAAoB,CAAC,mBAAmB,kCAC1D,IAAI,KACP,KAAK,EAAE,mBAAmB,IAC1B,CAAC;EAEH,cAAc,CAAC,SAAS,GAAG;;GAE1B,CAAC;EAEF,SAAS,CAAC,MAAM,CACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,SAAS,EACT,MAAM,EACN,aAAa,EACb,MAAM,EACN,cAAc,EACd,IAAI,CACL,CAAC;EAEF,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEjD,eAAe,CAAC,IAAI,GAAG;EACrB,WAAW,EAAE,sCAAsC;EACnD,KAAK,EAAE,oBAAoB;CAC5B,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-form-control.mdx\";\n\nexport default {\n component: \"flip-form-control\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipFormControl\",\n};\n\nconst Template = (args) => {\n const container = document.createElement(\"flip-stack\");\n\n container.spacing = \"24\";\n\n const textInput = generateStoryElement(\"flip-form-control\", args);\n\n textInput.innerHTML = `\n <flip-text-input clearable=\"true\" type=\"text\"></flip-text-input>\n `;\n\n const numberInput = generateStoryElement(\"flip-form-control\", {\n ...args,\n label: \"Number Control\",\n });\n\n numberInput.innerHTML = `\n <flip-text-input suffix-label=\"€\" type=\"number\"></flip-text-input>\n `;\n\n const dateInput = generateStoryElement(\"flip-form-control\", {\n ...args,\n label: \"Date Control\",\n });\n\n dateInput.innerHTML = `\n <flip-date-input></flip-date-input>\n `;\n\n const passwordInput = generateStoryElement(\"flip-form-control\", {\n ...args,\n label: \"Password Control\",\n });\n\n passwordInput.innerHTML = `\n <flip-text-input type=\"password\"></flip-text-input>\n `;\n\n const multilineInput = generateStoryElement(\"flip-form-control\", {\n ...args,\n label: \"Multiline Control\",\n });\n\n multilineInput.innerHTML = `\n <flip-text-input max-length=\"200\" show-character-counter=\"true\" rows=\"5\" type=\"text\"></flip-text-input>\n `;\n\n container.append(\n \"\\n \",\n textInput,\n \"\\n \",\n numberInput,\n \"\\n \",\n dateInput,\n \"\\n \",\n passwordInput,\n \"\\n \",\n multilineInput,\n \"\\n\"\n );\n\n return container;\n};\n\nexport const FlipFormControl = Template.bind({});\n\nFlipFormControl.args = {\n description: \"Optional description of the control.\",\n label: \"Form Control Label\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-form-group.js","sourceRoot":"","sources":["../../../../src/components/flip-form-group/flip-form-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AAgBpC,MAAM,OAAO,aAAa;EAZ1B;IAaU,gBAAW,GAA6B,UAAU,CAAC;GAgB5D;EAdC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAC1B,YAAY,EACZ,2BAA2B,IAAI,CAAC,WAAW,EAAE,CAC9C,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,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\nexport type FlipFormGroupOrientation = \"horizontal\" | \"vertical\";\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-form-group.css\",\n tag: \"flip-form-group\",\n})\nexport class FlipFormGroup {\n @Prop() orientation: FlipFormGroupOrientation = \"vertical\";\n\n render() {\n const className = classnames(\n \"form-group\",\n `form-group--orientation-${this.orientation}`\n );\n\n return (\n <Host>\n <div class={className}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-form-group.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-form-group/flip-form-group.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,CAAC,SAAS,GAAG;;;;;;;;;;;;;GAanB,CAAC;EAEF,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,EAAE,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-form-group.mdx\";\n\nexport default {\n component: \"flip-form-group\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipFormGroup\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-form-group\", args);\n\n element.innerHTML = `\n <flip-form-group orientation=\"horizontal\">\n <flip-form-control label=\"First name\">\n <flip-text-input type=\"text\" value=\"John\"></flip-text-input>\n </flip-form-control>\n <flip-form-control label=\"Last name\">\n <flip-text-input type=\"text\" value=\"Doe\"></flip-text-input>\n </flip-form-control>\n </flip-form-group>\n\n <flip-form-control label=\"Email\">\n <flip-text-input type=\"email\"></flip-text-input>\n </flip-form-control>\n `;\n\n return element;\n};\n\nexport const FlipFormGroup = Template.bind({});\n\nFlipFormGroup.args = {};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-heading.js","sourceRoot":"","sources":["../../../../src/components/flip-heading/flip-heading.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,WAAW;EALxB;IAMU,UAAK,GAAsB,OAAO,CAAC;IAGnC,UAAK,GAAsB,CAAC,CAAC;GAoBtC;EAjBC,MAAM;IACJ,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;IAExC,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,kBAAkB,IAAI,CAAC,KAAK,EAAE,EAC9B,kBAAkB,IAAI,CAAC,KAAK,EAAE,CAC/B,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,EAAC,GAAG,IAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,SAAS,IACtD,IAAI,CAAC,IAAI,CACN,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipHeadingAlign = \"start\" | \"center\" | \"end\";\n\nexport type FlipHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type FlipHeadingTag =\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"p\"\n | \"span\"\n | \"div\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-heading.css\",\n tag: \"flip-heading\",\n})\nexport class FlipHeading {\n @Prop() align?: FlipHeadingAlign = \"start\";\n @Prop() as?: FlipHeadingTag;\n @Prop() headingId?: string;\n @Prop() level?: FlipHeadingLevel = 1;\n @Prop() text!: string;\n\n render() {\n const Tag = this.as || `h${this.level}`;\n\n const className = classnames(\n \"heading\",\n `heading--align-${this.align}`,\n `heading--level-${this.level}`\n );\n\n return (\n <Host>\n <Tag class={className} id={this.headingId} part=\"heading\">\n {this.text}\n </Tag>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-heading.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-heading/flip-heading.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,IAAI,EAAE,SAAS;CAChB,CAAC","sourcesContent":["import { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-heading.mdx\";\n\nexport default {\n component: \"flip-heading\",\n parameters: {\n docs: {\n page: Docs,\n },\n },\n title: \"Components/FlipHeading\",\n};\n\nconst Template = (args) => {\n const element = generateStoryElement(\"flip-heading\", args);\n\n return element;\n};\n\nexport const FlipHeading = Template.bind({});\n\nFlipHeading.args = {\n text: \"Heading\",\n};\n"]}

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

@@ -1 +0,0 @@

- {"version":3,"file":"flip-icon.stories.js","sourceRoot":"","sources":["../../../../src/components/flip-icon/flip-icon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,eAAe;EACb,SAAS,EAAE,iBAAiB;EAC5B,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,IAAI,EAAE,IAAI;MACV,MAAM,EAAE;QACN,IAAI,EAAE,yDAAyD;OAChE;KACF;GACF;EACD,KAAK,EAAE,qBAAqB;CAC7B,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;EAE/C,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;EAC9B,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;EAC7B,SAAS,CAAC,KAAK,CAAC,YAAY,GAAG,SAAS,CAAC;EACzC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;EAE9B,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;IAC1D,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,oBAAoB,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IACzE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE7C,KAAK,CAAC,SAAS,GAAG,aAAa,IAAI,CAAC,IAAI,EAAE,CAAC;IAE3C,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IAChC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC;IAClC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC;IAElC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACxB,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAElB,OAAO,GAAG,CAAC;EACb,CAAC,CAAC,CAAC;EAEH,SAAS,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC;EAE9B,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,QAAQ,CAAC,IAAI,GAAG;EACd,IAAI,EAAE,IAAI;CACX,CAAC","sourcesContent":["import IconsJSON from \"../../../icons.json\";\nimport { generateStoryElement } from \"../../utils\";\nimport Docs from \"./flip-icon.mdx\";\n\nexport default {\n component: \"flip-icon-close\",\n parameters: {\n docs: {\n page: Docs,\n source: {\n code: \"<flip-icon-emoji-satisfied></flip-icon-emoji-satisfied>\",\n },\n },\n },\n title: \"Components/FlipIcon\",\n};\n\nconst Template = (args) => {\n const container = document.createElement(\"ul\");\n\n container.style.columns = \"2\";\n container.style.margin = \"0\";\n container.style.marginBottom = \"-0.5rem\";\n container.style.padding = \"0\";\n\n const elements = Object.values(IconsJSON).map((icon: any) => {\n const row = document.createElement(\"li\");\n const iconElement = generateStoryElement(`flip-icon-${icon.name}`, args);\n const label = document.createElement(\"span\");\n\n label.innerHTML = `flip-icon-${icon.name}`;\n\n row.style.display = \"flex\";\n row.style.alignItems = \"center\";\n row.style.gap = \"0.5rem\";\n row.style.marginBottom = \"0.5rem\";\n row.style.paddingRight = \"0.5rem\";\n\n row.append(iconElement);\n row.append(label);\n\n return row;\n });\n\n container.append(...elements);\n\n return container;\n};\n\nexport const FlipIcon = Template.bind({});\n\nFlipIcon.args = {\n size: \"24\",\n};\n"]}

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

	@@ -1 +0,0 @@
1	- {"version":3,"file":"flip-icon.types.js","sourceRoot":"","sources":["../../../../src/components/flip-icon/flip-icon.types.ts"],"names":[],"mappings":"","sourcesContent":["export type FlipIconSize = 16 \| 24 \| 28;\n"]}