{"version":3,"file":"outline-heading.js","sources":["../../../../src/components/base/outline-heading/outline-heading.ts"],"sourcesContent":["import { TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { OutlineElement } from '../outline-element/outline-element';\nimport { html, unsafeStatic } from 'lit/static-html.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n AllowedHeadingLevels,\n AllowedHeadingSizes,\n AllowedHeadingStyles,\n} from './config';\n\nimport componentStyles from './outline-heading.css.lit';\nimport { MobileController } from '../../controllers/mobile-controller';\n\n/**\n * The Heading component.\n * @element outline-heading\n * @slot defaultSlot\n */\n@customElement('outline-heading')\nexport class OutlineHeading extends OutlineElement {\n private mobileController = new MobileController(this);\n\n static styles = [componentStyles];\n\n /**\n * The tag to apply: h1 | h2 | h3 | h4 | h5 | h6\n */\n @property({ type: String, reflect: true, attribute: 'level' })\n level: AllowedHeadingLevels = 'h2';\n\n /**\n * The heading level size to apply. Optional override to default styles for a given level\n */\n @property({ type: String, reflect: true, attribute: 'level-size' })\n levelSize: AllowedHeadingSizes;\n\n /**\n * The heading level style to apply. Optional override to default styles for a given level\n */\n @property({ type: String, reflect: true, attribute: 'level-style' })\n levelStyle: AllowedHeadingStyles = 'bold';\n\n render(): TemplateResult {\n const classes = {\n 'outline-text': true,\n [`outline-text--${this.levelSize}`]: this.levelSize ? true : '',\n [`outline-font--${this.levelStyle}`]: true,\n 'mobile': this.mobileController.isMobile,\n };\n return html`\n <${unsafeStatic(this.level as string)} class=${classMap(classes)}>\n \n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'outline-heading': OutlineHeading;\n }\n}\n"],"names":["OutlineHeading","OutlineElement","constructor","this","mobileController","MobileController","level","levelStyle","render","classes","levelSize","mobile","isMobile","html","unsafeStatic","classMap","styles","componentStyles","__decorate","property","type","String","reflect","attribute","prototype","customElement"],"mappings":"gxBAoBO,IAAMA,EAAN,cAA6BC,EAA7BC,kCACGC,KAAAC,iBAAmB,IAAIC,EAAiBF,MAQhDA,KAAKG,MAAyB,KAY9BH,KAAUI,WAAyB,MAcpC,CAZCC,SACE,MAAMC,EAAU,CACd,gBAAgB,EAChB,CAAC,iBAAiBN,KAAKO,eAAcP,KAAKO,WAAmB,GAC7D,CAAC,iBAAiBP,KAAKI,eAAe,EACtCI,OAAUR,KAAKC,iBAAiBQ,UAElC,OAAOC,CAAI;SACNC,EAAaX,KAAKG,gBAA0BS,EAASN;;UAEpDK,EAAaX,KAAKG,SACzB,GA/BMN,EAAAgB,OAAS,CAACC,GAMjBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,WACjBvB,EAAAwB,UAAA,aAAA,GAMnCN,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,gBACrBvB,EAAAwB,UAAA,iBAAA,GAM/BN,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,iBACVvB,EAAAwB,UAAA,kBAAA,GArB/BxB,EAAckB,EAAA,CAD1BO,EAAc,oBACFzB"}