@svelkit/chip
Version:
> A chip component for [svelte] (part of [svelkit])
3 lines (2 loc) • 3.59 kB
JavaScript
"use strict";function _interopDefault(a){return a&&typeof a==="object"&&"default"in a?a.default:a}const internal=require("svelte/internal"),loadStylesheet=_interopDefault(require("@carv/load-stylesheet@1"));loadStylesheet(typeof document==="undefined"?new(require("url")).URL("file:"+__dirname+"/../../assets/chip-0c9c6fa2.css").href:new URL("../../assets/chip-0c9c6fa2.css",document.currentScript&&document.currentScript.src||document.baseURI).href).href;const css={code:".chip.svelte-17igbub{align-items:center;background:#eef0f3;border-radius:5rem;display:inline-flex;font-size:90%;height:1.2rem;line-height:0.8rem;margin:0.1rem;max-width:320px;overflow:hidden;padding:0.2rem 0.4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active.svelte-17igbub{background:#5755d9;color:#fff}.chip.svelte-17igbub>.avatar{margin-left:-0.4rem;margin-right:0.2rem}.chip.svelte-17igbub>.btn-clear{border-radius:50%;transform:scale(0.75)}",map:`{"version":3,"file":"chip.svelte","sources":["chip.svelte"],"sourcesContent":["<script lang=\\"typescript\\">export let className = '';\\nexport { className as class };\\nexport let as = 'span';\\nexport let active = false;</script>\\n\\n{#if as === 'div'}\\n <div class:chip={true} class:active class={className} {...$$restProps}>\\n <slot />\\n </div>\\n{:else}\\n <span class:chip={true} class:active class={className} {...$$restProps}>\\n <slot />\\n </span>\\n{/if}\\n\\n<style src=\\"./chip.scss\\">/**\\n * Source: https://github.com/picturepan2/spectre/blob/0.5.10/src/_chips.scss\\n *\\n * Changes:\\n * - \`> :global(.avatar)\`\\n * - \`> :global(.btn-clear)\`\\n */\\n.chip {\\n align-items: center;\\n background: #eef0f3;\\n border-radius: 5rem;\\n display: inline-flex;\\n font-size: 90%;\\n height: 1.2rem;\\n line-height: 0.8rem;\\n margin: 0.1rem;\\n max-width: 320px;\\n overflow: hidden;\\n padding: 0.2rem 0.4rem;\\n text-decoration: none;\\n text-overflow: ellipsis;\\n vertical-align: middle;\\n white-space: nowrap;\\n}\\n.chip.active {\\n background: #5755d9;\\n color: #fff;\\n}\\n.chip > :global(.avatar) {\\n margin-left: -0.4rem;\\n margin-right: 0.2rem;\\n}\\n.chip > :global(.btn-clear) {\\n border-radius: 50%;\\n transform: scale(0.75);\\n}</style>\\n"],"names":[],"mappings":"AAsBA,KAAK,eAAC,CAAC,AACL,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,OAAO,CACnB,aAAa,CAAE,IAAI,CACnB,OAAO,CAAE,WAAW,CACpB,SAAS,CAAE,GAAG,CACd,MAAM,CAAE,MAAM,CACd,WAAW,CAAE,MAAM,CACnB,MAAM,CAAE,MAAM,CACd,SAAS,CAAE,KAAK,CAChB,QAAQ,CAAE,MAAM,CAChB,OAAO,CAAE,MAAM,CAAC,MAAM,CACtB,eAAe,CAAE,IAAI,CACrB,aAAa,CAAE,QAAQ,CACvB,cAAc,CAAE,MAAM,CACtB,WAAW,CAAE,MAAM,AACrB,CAAC,AACD,KAAK,OAAO,eAAC,CAAC,AACZ,UAAU,CAAE,OAAO,CACnB,KAAK,CAAE,IAAI,AACb,CAAC,AACD,oBAAK,CAAW,OAAO,AAAE,CAAC,AACxB,WAAW,CAAE,OAAO,CACpB,YAAY,CAAE,MAAM,AACtB,CAAC,AACD,oBAAK,CAAW,UAAU,AAAE,CAAC,AAC3B,aAAa,CAAE,GAAG,CAClB,SAAS,CAAE,MAAM,IAAI,CAAC,AACxB,CAAC"}`},Chip=internal.create_ssr_component((a,b,c,d)=>{let h=internal.compute_rest_props(b,["class","as","active"]),{class:e=""}=b,{as:g="span"}=b,{active:f=!1}=b;return b.class===void 0&&c.class&&e!==void 0&&c.class(e),b.as===void 0&&c.as&&g!==void 0&&c.as(g),b.active===void 0&&c.active&&f!==void 0&&c.active(f),a.css.add(css),`${g==="div"?`<div${internal.spread([{class:internal.escape(e)},h],"chip "+(f?"active":"")+" svelte-17igbub")}>${d.default?d.default({}):""}</div>`:`<span${internal.spread([{class:internal.escape(e)},h],"chip "+(f?"active":"")+" svelte-17igbub")}>${d.default?d.default({}):""}</span>`}`});module.exports=Chip;
//# sourceMappingURL=chip.js.map