UNPKG

vuestic-ui

Version:
1 lines 2.06 kB
{"version":3,"file":"register-vuestic-web-components.mjs","sources":["../../../../../src/services/web-components/register-vuestic-web-components.ts"],"sourcesContent":["import * as vuesticComponents from '../vue-plugin/components'\nimport { registerVuesticWebComponentsEssential } from './register-vuestic-web-components-essential'\n\nconst defaultCSS = `\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n}`\n\n/**\n * Register vuestic components as Custom Elements\n *\n * @see https://vuestic.dev/getting-started/web-components\n */\nexport const registerVuesticWebComponents = (options: {\n /**\n * In case you need pass some css to shadow-dom of Custom Element\n *\n * @example\n * For Material Icons support inside Custom Element we need to pass `.material-icons` class.\n *\n * @default\n * We do this by default, so you don't need to copy paste it. In case you want to use different icon\n * font, then you need to provide class manually.\n * Notice: we don't need to pass font, but only style. Fonts are inherited from actual DOM.\n```css\n .material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n}\n```\n */\n css?: string,\n} = {}) => {\n const { css = defaultCSS } = options\n\n registerVuesticWebComponentsEssential({\n css,\n components: vuesticComponents,\n })\n}\n"],"names":[],"mappings":";;AAGA,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBZ,MAAM,+BAA+B,CAAC,UA4BzC,OAAO;AACH,QAAA,EAAE,MAAM,WAAe,IAAA;AAES,wCAAA;AAAA,IACpC;AAAA,IACA,YAAY;AAAA,EAAA,CACb;AACH;"}