JezK

Edit File: sc-text.cjs.entry.js.map

{"file":"sc-text.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,0iBAA0iB,CAAC;AAC7jB,qBAAe,SAAS;;MCOX,MAAM;;;mBAC4C,GAAG;wBACpC,KAAK;;IAEjC,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC;QAE3B,QACEA,QAAC,SAAS,qDACR,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI;gBACZ,cAAc,EAAE,IAAI,CAAC,QAAQ;gBAC7B,cAAc,EAACC,eAAK,EAAE;aACvB,IAEDD,oEAAQ,CACE,EACZ;KACH;;;;;;","names":["h","isRtl"],"sources":["src/components/ui/text/sc-text.scss?tag=sc-text&encapsulation=shadow","src/components/ui/text/sc-text.tsx"],"sourcesContent":[":host {\n display: block;\n --font-size: var(--font-size, var(--sc-font-size-medium));\n --font-weight: var(--font-size, var(--sc-font-weight-normal));\n --line-height: var(--font-size, var(--sc-line-height-medium));\n --text-align: left;\n --color: var(--color, inherit);\n}\n\n.text {\n margin: 0;\n font-size: var(--font-size);\n font-weight: var(--font-weight);\n line-height: var(--line-height);\n text-align: var(--text-align);\n color: var(--sc-stacked-list-row-text-color, var(--color));\n\n &.is-truncated {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.text--is-rtl {\n .text {\n text-align: right;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { isRtl } from '../../../functions/page-align';\n\n@Component({\n tag: 'sc-text',\n styleUrl: 'sc-text.scss',\n shadow: true,\n})\nexport class ScText {\n @Prop() tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' = 'p';\n @Prop() truncate: boolean = false;\n\n render() {\n const CustomTag = this.tag;\n\n return (\n <CustomTag\n class={{\n 'text': true,\n 'is-truncated': this.truncate,\n 'text--is-rtl':isRtl()\n }}\n >\n <slot />\n </CustomTag>\n );\n }\n}\n"],"version":3}