carbon-custom-elements
Version:
A Carbon Design System variant that's as easy to use as native HTML elements, with no framework tax, no framework silo.
1 lines • 1.32 kB
Source Map (JSON)
{"version":3,"sources":["components/search/search-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C;;GAEG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,IAAI,aAAsB;IAE1B,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"search-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './search.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass BXSearchSkeleton extends LitElement {\n /**\n * The search box size. Corresponds to the attribute with the same name.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n render() {\n return html`\n <span class=\"${prefix}--label\"></span>\n <div class=\"${prefix}--search-input\"></div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXSearchSkeleton;\n"]}