@paperless/core 2.0.1-beta.211 → 2.0.1-beta.213
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.
- package/CHANGELOG.md +23 -0
- package/dist/build/{p-758b3dc7.entry.js → p-0e4e124c.entry.js} +2 -2
- package/dist/build/{p-758b3dc7.entry.js.map → p-0e4e124c.entry.js.map} +1 -1
- package/dist/build/{p-7d9aee01.js → p-14ce8446.js} +1 -1
- package/dist/build/{p-e13d4801.entry.js → p-4fee80b8.entry.js} +2 -2
- package/dist/build/p-4fee80b8.entry.js.map +1 -0
- package/dist/build/p-ace056f5.entry.js +2 -0
- package/dist/build/p-ace056f5.entry.js.map +1 -0
- package/dist/build/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/p-label.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-badge.p-segment-container.p-segment-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-badge_3.cjs.entry.js +3 -3
- package/dist/cjs/p-badge_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +4 -3
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-label.cjs.entry.js +3 -3
- package/dist/cjs/p-label.cjs.entry.js.map +1 -1
- package/dist/cjs/p-label.entry.cjs.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/atoms/segment/container/segment-container.component.js +3 -2
- package/dist/collection/components/atoms/segment/container/segment-container.component.js.map +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.js +4 -3
- package/dist/collection/components/atoms/segment/item/segment-item.component.js.map +1 -1
- package/dist/collection/components/molecules/field/container/field-container.component.css +1 -1
- package/dist/collection/components/molecules/field/container/field-container.component.js +3 -2
- package/dist/collection/components/molecules/field/container/field-container.component.js.map +1 -1
- package/dist/collection/components/molecules/label/label.component.js +3 -3
- package/dist/collection/components/molecules/label/label.component.js.map +1 -1
- package/dist/components/{p-ZQ7I1Mu3.js → p-6e7SshJp.js} +6 -5
- package/dist/components/p-6e7SshJp.js.map +1 -0
- package/dist/components/{p-ThWZUf_1.js → p-C4lpWeWl.js} +7 -6
- package/dist/components/p-C4lpWeWl.js.map +1 -0
- package/dist/components/{p-BLmZ0xI2.js → p-CaEroE-r.js} +3 -3
- package/dist/components/{p-BLmZ0xI2.js.map → p-CaEroE-r.js.map} +1 -1
- package/dist/components/{p-CFpFqcb6.js → p-Cnhw2yOy.js} +6 -6
- package/dist/components/{p-CFpFqcb6.js.map → p-Cnhw2yOy.js.map} +1 -1
- package/dist/components/{p-DxiOv4du.js → p-CuRwgCfQ.js} +6 -5
- package/dist/components/p-CuRwgCfQ.js.map +1 -0
- package/dist/components/p-attachment.js +1 -1
- package/dist/components/p-datepicker.js +2 -2
- package/dist/components/p-field-container.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-label.js +3 -3
- package/dist/components/p-label.js.map +1 -1
- package/dist/components/p-segment-container.js +1 -1
- package/dist/components/p-segment-item.js +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +5 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-badge.p-segment-container.p-segment-item.entry.js.map +1 -1
- package/dist/esm/p-badge_3.entry.js +4 -4
- package/dist/esm/p-badge_3.entry.js.map +1 -1
- package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
- package/dist/esm/p-field_2.entry.js +4 -3
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/esm/p-label.entry.js +3 -3
- package/dist/esm/p-label.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-758b3dc7.entry.js → p-0e4e124c.entry.js} +2 -2
- package/dist/paperless/{p-758b3dc7.entry.js.map → p-0e4e124c.entry.js.map} +1 -1
- package/dist/paperless/{p-e13d4801.entry.js → p-4fee80b8.entry.js} +2 -2
- package/dist/paperless/p-4fee80b8.entry.js.map +1 -0
- package/dist/paperless/p-ace056f5.entry.js +2 -0
- package/dist/paperless/p-ace056f5.entry.js.map +1 -0
- package/dist/paperless/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-label.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-8570f9f8.entry.js +0 -2
- package/dist/build/p-8570f9f8.entry.js.map +0 -1
- package/dist/build/p-e13d4801.entry.js.map +0 -1
- package/dist/components/p-DxiOv4du.js.map +0 -1
- package/dist/components/p-ThWZUf_1.js.map +0 -1
- package/dist/components/p-ZQ7I1Mu3.js.map +0 -1
- package/dist/paperless/p-8570f9f8.entry.js +0 -2
- package/dist/paperless/p-8570f9f8.entry.js.map +0 -1
- package/dist/paperless/p-e13d4801.entry.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["labelComponentCss","label","cva","variants","variant","positive","biased","negative","neutral","unavailable","iconOnly","false","true","keepMobileContent","compoundVariants","class","Label","icon","iconFlip","iconRotate","render","h","key","this","flip","rotate","cn","hidden"],"sources":["src/components/molecules/label/label.component.css?tag=p-label&encapsulation=shadow","src/components/molecules/label/label.component.tsx"],"sourcesContent":[null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types';\nimport { cn } from '../../../utils/cn';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\nconst label = cva(\n\t['flex items-center justify-center gap-2', 'h-6 rounded-full font-medium'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tpositive: 'bg-positive-green-100 text-positive-green-800',\n\t\t\t\tbiased: 'bg-amber-100 text-amber-800',\n\t\t\t\tnegative: 'bg-negative-red-100 text-negative-red-800',\n\t\t\t\tneutral: 'bg-supportive-lilac-200 text-supportive-lilac-900',\n\t\t\t\tunavailable: 'bg-white-700 text-dark-teal-800',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'p-2 w-6',\n\t\t\t},\n\t\t\tkeepMobileContent: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tkeepMobileContent: false,\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.css',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'neutral'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * Wether to only show the icon\n\t */\n\t@Prop({ reflect: true }) iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={label({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\tkeepMobileContent: this.keepMobileContent,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{!this.iconOnly && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t'flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\thidden: !this.keepMobileContent,\n\t\t\t\t\t\t\t\t'desktop-xs:block': !this.keepMobileContent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"2IAAA,MAAMA,EAAoB,y/DCM1B,MAAMC,EAAQC,EACb,CAAC,yCAA0C,gCAC3C,CACCC,SAAU,CACTC,QAAS,CACRC,SAAU,gDACVC,OAAQ,+BACRC,SAAU,4CACVC,QAAS,oDACTC,YAAa,mCAEdC,SAAU,CACTC,MAAO,OACPC,KAAM,WAEPC,kBAAmB,CAClBF,MAAO,KACPC,KAAM,OAGRE,iBAAkB,CACjB,CACCD,kBAAmB,MACnBH,SAAU,MACVK,MAAO,gD,MAWEC,EAAK,M,yBAIQZ,QAKN,UAKMM,SAAoB,MAKpBO,KAKjBC,SAKAC,WAKiBN,kBAA6B,MAEtD,MAAAO,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCP,MAAOd,EAAM,CACZG,QAASmB,KAAKnB,QACdM,SAAUa,KAAKb,SACfG,kBAAmBU,KAAKV,qBAGxBU,KAAKN,MACLI,EAAA,UAAAC,IAAA,2CACCP,MAAM,gBACNX,QAASmB,KAAKN,KACdO,KAAMD,KAAKL,SACXO,OAAQF,KAAKJ,cAIbI,KAAKb,UACNW,EACC,OAAAC,IAAA,2CAAAP,MAAOW,EACN,iEACA,CACCC,QAASJ,KAAKV,kBACd,oBAAqBU,KAAKV,qBAI5BQ,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-DxiOv4du.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,ydAAyd;;MCMjf,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;IAC5B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gFAAgF,EAAA,EAC3F,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment/container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-ThWZUf_1.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,0tCAA0tC;;ACM1vC,MAAM,WAAW,GAAG,GAAG,CACtB;IACC,gBAAgB;IAChB,kCAAkC;IAClC,aAAa;IACb,wBAAwB;CACxB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,KAAK,EAAE,0BAA0B;AACjC,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,0DAA0D;AACjE,YAAA,IAAI,EAAE,6BAA6B;AACnC,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,KAAK;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;AACvB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;QACL,MAAM,eAAe,GACpB,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,EAAA,CAAG,GAAG,IAAI;AAE9D,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,WAAW,CAAC;gBAClB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,KACT,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACtB,CACF,EAEA,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAC5C,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACpC,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAClB,EACH,eAAe,IAAI,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,SAAS,EAAA,EAAE,eAAe,CAAK,CACvD,CACN,CACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'rounded-2xl',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-4 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-dark-teal-600 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-400 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='flex flex-col items-center gap-1'>\n\t\t\t\t\t\t<p class='font-semibold empty:hidden'>\n\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{descriptionSlot && <p class='text-xs'>{descriptionSlot}</p>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-ZQ7I1Mu3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":["","import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tcn,\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\t/**\n\t * The id for the label\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * Align content to the start or end\n\t */\n\t@Prop() align: 'start' | 'end' = 'start';\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tslot='trigger'\n\t\t\t\tname='content'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={this.id}\n\t\t\t\tclass='flex w-inherit flex-col gap-1'\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn('flex items-end justify-between gap-1 empty:hidden', {\n\t\t\t\t\t\t'flex-row-reverse': this.align === 'end',\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{!!label?.length && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{((!asBoolean(this.required) && asBoolean(this.showOptional)) ||\n\t\t\t\t\t\thelper ||\n\t\t\t\t\t\thasHeaderSlot) && (\n\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t{!asBoolean(this.required) &&\n\t\t\t\t\t\t\t\tasBoolean(this.showOptional) &&\n\t\t\t\t\t\t\t\tthis.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t'w-full': this.variant === 'write' || this.loading,\n\t\t\t\t\t\t'ml-auto': this.align === 'end',\n\t\t\t\t\t})}\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={errorAndErrorIsNotBoolean && asBoolean(this.forceShowTooltip)}\n\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t>\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{contentSlot}\n\t\t\t\t</p-tooltip>\n\t\t\t</label>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as r}from"./p-DhGo7hbh.js";import{c as i}from"./p-CBWjHURv.js";import{a as o}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const a="*{box-sizing:border-box}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-4{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.tracking-tight{letter-spacing:-.025em!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const n=i(["inline-flex items-center justify-center","h-4 min-w-4 px-1","rounded-full","bg-dark-teal-400","text-center text-xs font-semibold text-white tracking-tight"]);const p=class{constructor(e){t(this,e)}render(){return e("div",{key:"2f206f923d2d312d66ff13184e5aa95b811c77e2",class:n()},e("slot",{key:"612f15c941b0ac70bcfa3482e41c97a33a3ea42f"}))}};p.style=a;const c="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}";const s=class{constructor(e){t(this,e)}render(){return e(r,{key:"1af9683c88bb6bdd08f2d2b4672595dacdb74e8e",class:"flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1"},e("slot",{key:"e5e0414f3b506eb22b5201ec53b23d009827d60b"}))}};s.style=c;const m="*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.rounded-2xl{border-radius:1rem!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";const l=i(["p-segment-item","flex items-center justify-center","rounded-2xl","cursor-pointer text-sm"],{variants:{variant:{default:"h-6 gap-2",block:"flex-col p-4 text-center"},active:{false:"cursor-pointer text-dark-teal-600 hover:bg-black-teal-50",true:"bg-dark-teal-400 text-white"},iconOnly:{false:"px-2",true:"w-6"}}});const d=class{constructor(e){t(this,e)}variant="default";active=false;iconOnly=false;icon;iconFlip;iconRotate;render(){const t=this.variant==="block"?e("slot",{name:"description"}):null;return e(r,{key:"1a014eccb9841084bafd379353713974595572a0",class:l({variant:this.variant,active:o(this.active),iconOnly:o(this.iconOnly)})},this.icon&&e("p-icon",{key:"388312732d2b67cb359921bdb6d3b7efe4669f9c",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),this.variant==="default"?e("slot",null):e("div",{class:"flex flex-col items-center gap-1"},e("p",{class:"font-semibold empty:hidden"},e("slot",{name:"title"})),t&&e("p",{class:"text-xs"},t)))}};d.style=m;export{p as p_badge,s as p_segment_container,d as p_segment_item};
|
|
2
|
-
//# sourceMappingURL=p-8570f9f8.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["badgeComponentCss","badge","cva","Badge","render","h","key","class","segmentContainerComponentCss","SegmentContainer","Host","segmentItemComponentCss","segmentItem","variants","variant","default","block","active","false","true","iconOnly","SegmentItem","icon","iconFlip","iconRotate","descriptionSlot","this","name","asBoolean","flip","rotate"],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":[null,"import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-dark-teal-400',\n\t'text-center text-xs font-semibold text-white tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<div class={badge()}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'rounded-2xl',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-4 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-dark-teal-600 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-400 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='flex flex-col items-center gap-1'>\n\t\t\t\t\t\t<p class='font-semibold empty:hidden'>\n\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{descriptionSlot && <p class='text-xs'>{descriptionSlot}</p>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kJAAA,MAAMA,EAAoB,quBCG1B,MAAMC,EAAQC,EAAI,CACjB,0CACA,mBACA,eACA,mBACA,gE,MAQYC,EAAK,M,yBACjB,MAAAC,GACC,OACCC,EAAA,OAAAC,IAAA,2CAAKC,MAAON,KACXI,EAAQ,QAAAC,IAAA,6C,aCpBZ,MAAME,EAA+B,0d,MCMxBC,EAAgB,M,yBAC5B,MAAAL,GACC,OACCC,EAACK,EAAK,CAAAJ,IAAA,2CAAAC,MAAM,kFACXF,EAAQ,QAAAC,IAAA,6C,aCVZ,MAAMK,EAA0B,2tCCMhC,MAAMC,EAAcV,EACnB,CACC,iBACA,mCACA,cACA,0BAED,CACCW,SAAU,CACTC,QAAS,CACRC,QAAS,YACTC,MAAO,4BAERC,OAAQ,CACPC,MAAO,2DACPC,KAAM,+BAEPC,SAAU,CACTF,MAAO,OACPC,KAAM,U,MAUGE,EAAW,M,yBAIfP,QAA+B,UAK/BG,OAAkB,MAKlBG,SAAoB,MAKpBE,KAKAC,SAKAC,WAER,MAAApB,GACC,MAAMqB,EACLC,KAAKZ,UAAY,QAAUT,EAAM,QAAAsB,KAAK,gBAAmB,KAE1D,OACCtB,EAACK,EAAI,CAAAJ,IAAA,2CACJC,MAAOK,EAAY,CAClBE,QAASY,KAAKZ,QACdG,OAAQW,EAAUF,KAAKT,QACvBG,SAAUQ,EAAUF,KAAKN,aAGzBM,KAAKJ,MACLjB,EAAA,UAAAC,IAAA,2CACCQ,QAASY,KAAKJ,KACdO,KAAMH,KAAKH,SACXO,OAAQJ,KAAKF,aAIdE,KAAKZ,UAAY,UACjBT,EAAQ,aAERA,EAAK,OAAAE,MAAM,oCACVF,EAAG,KAAAE,MAAM,8BACRF,EAAA,QAAMsB,KAAK,WAEXF,GAAmBpB,EAAA,KAAGE,MAAM,WAAWkB,I","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["labelComponentCss","label","cva","variants","variant","positive","biased","negative","neutral","unavailable","iconOnly","false","true","keepMobileContent","compoundVariants","class","Label","icon","iconFlip","iconRotate","render","h","key","this","flip","rotate","cn","hidden"],"sources":["src/components/molecules/label/label.component.css?tag=p-label&encapsulation=shadow","src/components/molecules/label/label.component.tsx"],"sourcesContent":[null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types';\nimport { cn } from '../../../utils/cn';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\nconst label = cva(\n\t['flex items-center justify-center gap-2', 'h-6 rounded-full font-medium'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tpositive: 'bg-positive-green-100 text-positive-green-800',\n\t\t\t\tbiased: 'bg-amber-100 text-amber-800',\n\t\t\t\tnegative: 'bg-negative-red-100 text-negative-red-800',\n\t\t\t\tneutral: 'bg-supportive-lilac-200 text-supportive-lilac-900',\n\t\t\t\tunavailable: 'bg-white-700 text-dark-teal-800',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'p-2 w-6',\n\t\t\t},\n\t\t\tkeepMobileContent: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tkeepMobileContent: false,\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.css',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'neutral'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * Wether to only show the icon\n\t */\n\t@Prop({ reflect: true }) iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={label({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\tkeepMobileContent: this.keepMobileContent,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{!this.iconOnly && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t'flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\thidden: !this.keepMobileContent,\n\t\t\t\t\t\t\t\t'desktop-xs:block': !this.keepMobileContent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"2IAAA,MAAMA,EAAoB,y/DCM1B,MAAMC,EAAQC,EACb,CAAC,yCAA0C,gCAC3C,CACCC,SAAU,CACTC,QAAS,CACRC,SAAU,gDACVC,OAAQ,+BACRC,SAAU,4CACVC,QAAS,oDACTC,YAAa,mCAEdC,SAAU,CACTC,MAAO,OACPC,KAAM,WAEPC,kBAAmB,CAClBF,MAAO,KACPC,KAAM,OAGRE,iBAAkB,CACjB,CACCD,kBAAmB,MACnBH,SAAU,MACVK,MAAO,gD,MAWEC,EAAK,M,yBAIQZ,QAKN,UAKMM,SAAoB,MAKpBO,KAKjBC,SAKAC,WAKiBN,kBAA6B,MAEtD,MAAAO,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCP,MAAOd,EAAM,CACZG,QAASmB,KAAKnB,QACdM,SAAUa,KAAKb,SACfG,kBAAmBU,KAAKV,qBAGxBU,KAAKN,MACLI,EAAA,UAAAC,IAAA,2CACCP,MAAM,gBACNX,QAASmB,KAAKN,KACdO,KAAMD,KAAKL,SACXO,OAAQF,KAAKJ,cAIbI,KAAKb,UACNW,EACC,OAAAC,IAAA,2CAAAP,MAAOW,EACN,iEACA,CACCC,QAASJ,KAAKV,kBACd,oBAAqBU,KAAKV,qBAI5BQ,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
|