smoothly 1.2.1-alpha.48 → 1.2.1-alpha.49

package/dist/components/{p-00307e9c.js.map → p-f92cf8e8.js.map}

@@ -1 +1 @@
-{"file":"p-00307e9c.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,8uBAA8uB,CAAC;AAChwB,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;QAC5B,SAAI,GAAG,CAAC,CAAA;uBAE+D,EAAE;qBAExE,EAAE;;IAGH,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,mFAA4B,EAC5B,sEAAe,mBAAmB,EAAE,CAAC,KAAK,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,IACjE,uEAAgB,IAAI,EAAC,QAAQ,aAAwB,EACrD,8EAAuB,IAAI,EAAC,SAAS,IACpC,6DAAM,IAAI,EAAC,OAAO,cAAe,EACjC,sEAAe,KAAK,EAAE,SAAS,cAAyB,EACxD,sEAAe,KAAK,EAAE,OAAO,YAAuB,EACpD,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,CACT,EAChB,qEAAc,EACd,sEAAe,mBAAmB,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAC/D,8EAAuB,IAAI,EAAE,OAAO,IACnC,6DAAM,IAAI,EAAE,OAAO,YAAc,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KACrB,qBAAe,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACvC,KAAK,CACS,CAChB,CAAC,EACF,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,EACxB,8EAAuB,IAAI,EAAC,MAAM,IACjC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,KAAK,EAAE,GAAG,QAAmB,EAC5C,sEAAe,KAAK,EAAE,GAAG,QAAmB,EAC5C,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,EACxB,8EAAuB,IAAI,EAAE,MAAM,IAClC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,KAAK,EAAE,MAAM,WAAsB,EAClD,sEAAe,KAAK,EAAE,OAAO,YAAuB,EACpD,sEAAe,KAAK,EAAE,QAAQ,aAAwB,EACtD,sEAAe,KAAK,EAAE,OAAO,YAAuB,EACpD,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,EACxB,6EAAsB,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,cAEzE,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACf,CACR,EAChB,qEAAc,EACd,4DAAK,KAAK,EAAC,OAAO,IAChB;YACA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM;iBACjB,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;iBAC1E,GAAG,CAAC,CAAC,IAAI,MAAY,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YACxF,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;SAC9F,CAAC,GAAG,CAAC,IAAI,KACT,qBACC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,eACF,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE;gBACR,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;gBACnC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC,CAAA;aACtD,GACA,CACF,CAAC,CACG,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon/demo/style.css?tag=smoothly-icon-demo&encapsulation=scoped","src/components/icon/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: clamp(200px, 100%, 1200px);\n\tmargin: auto;\n}\n:host([hidden]) {\n\tdisplay: none;\n}\n:host > div {\n\tdisplay: flex;\n\tflex-flow: row wrap;\n}\n\n:host > div > smoothly-icon {\n\tpadding: 1rem;\n\tposition: relative;\n}\n\n:host > div > smoothly-icon:hover {\n\tscale: 1.5;\n}\n\n:host > div > smoothly-icon:hover::after {\n\tcontent: attr(data-name);\n\tposition: absolute;\n\twhite-space: nowrap;\n\tbottom: 100%;\n\tbackground: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-color));\n\tpadding: 0.25rem 1rem;\n\tz-index: 1;\n\tpointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { Color, Icon, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-icon-demo\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIconDemo {\n\tpage = 0\n\n\t@State() display: { filter?: string; variant?: \"outline\" | \"sharp\" } = {}\n\t@State() props: { color?: Color; flip?: \"x\" | \"y\"; size?: \"tiny\" | \"small\" | \"medium\" | \"large\"; rotate?: number } =\n\t\t{}\n\t@Event() notice: EventEmitter<Notice>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Filter and Variants</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.display = e.detail)}>\n\t\t\t\t\t<smoothly-input name=\"filter\">Filter</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"variant\">\n\t\t\t\t\t\t<span slot=\"label\">Variant</span>\n\t\t\t\t\t\t<smoothly-item value={\"outline\"}>outline</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"sharp\"}>sharp</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h2>Props</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)}>\n\t\t\t\t\t<smoothly-input-select name={\"color\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Color</span>\n\t\t\t\t\t\t{Color.types.map(color => (\n\t\t\t\t\t\t\t<smoothly-item value={color} color={color}>\n\t\t\t\t\t\t\t\t{color}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"flip\">\n\t\t\t\t\t\t<span slot={\"label\"}>Flip</span>\n\t\t\t\t\t\t<smoothly-item value={\"x\"}>x</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"y\"}>y</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"size\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Size</span>\n\t\t\t\t\t\t<smoothly-item value={\"tiny\"}>tiny</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"small\"}>small</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"medium\"}>medium</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"large\"}>large</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-range name=\"rotate\" step={1} min={-180} max={180} value={0}>\n\t\t\t\t\t\tRotate\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h1>Icons</h1>\n\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t...Icon.Name.values\n\t\t\t\t\t\t\t.filter(name => !this.display.filter || name.includes(this.display.filter))\n\t\t\t\t\t\t\t.map((name): Icon => (this.display.variant ? `${name}-${this.display.variant}` : name)),\n\t\t\t\t\t\t...Icon.Logo.values.filter(name => !this.display.filter || name.includes(this.display.filter)),\n\t\t\t\t\t].map(name => (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\ttoolTip={name}\n\t\t\t\t\t\t\tdata-name={name}\n\t\t\t\t\t\t\tcolor={this.props.color}\n\t\t\t\t\t\t\tflip={this.props.flip}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\trotate={this.props.rotate}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tnavigator.clipboard.writeText(name)\n\t\t\t\t\t\t\t\tthis.notice.emit(Notice.succeeded(`Copied \"${name}\"`))\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-f92cf8e8.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,8uBAA8uB,CAAC;AAChwB,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;QAC5B,SAAI,GAAG,CAAC,CAAA;uBAE+D,EAAE;qBAExE,EAAE;;IAGH,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,mFAA4B,EAC5B,sEAAe,mBAAmB,EAAE,CAAC,KAAK,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,IACjE,uEAAgB,IAAI,EAAC,QAAQ,aAAwB,EACrD,8EAAuB,IAAI,EAAC,SAAS,IACpC,6DAAM,IAAI,EAAC,OAAO,cAAe,EACjC,sEAAe,KAAK,EAAE,SAAS,cAAyB,EACxD,sEAAe,KAAK,EAAE,OAAO,YAAuB,EACpD,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,CACT,EAChB,qEAAc,EACd,sEAAe,mBAAmB,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAC/D,8EAAuB,IAAI,EAAE,OAAO,IACnC,6DAAM,IAAI,EAAE,OAAO,YAAc,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KACrB,qBAAe,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACvC,KAAK,CACS,CAChB,CAAC,EACF,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,EACxB,8EAAuB,IAAI,EAAC,MAAM,IACjC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,KAAK,EAAE,GAAG,QAAmB,EAC5C,sEAAe,KAAK,EAAE,GAAG,QAAmB,EAC5C,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,EACxB,8EAAuB,IAAI,EAAE,MAAM,IAClC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,KAAK,EAAE,MAAM,WAAsB,EAClD,sEAAe,KAAK,EAAE,OAAO,YAAuB,EACpD,sEAAe,KAAK,EAAE,QAAQ,aAAwB,EACtD,sEAAe,KAAK,EAAE,OAAO,YAAuB,EACpD,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACd,EACxB,6EAAsB,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,cAEzE,6EAAsB,IAAI,EAAE,KAAK,GAAI,CACf,CACR,EAChB,qEAAc,EACd,4DAAK,KAAK,EAAC,OAAO,IAChB;YACA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM;iBACjB,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;iBAC1E,GAAG,CAAC,CAAC,IAAI,MAAY,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YACxF,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;SAC9F,CAAC,GAAG,CAAC,IAAI,KACT,qBACC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,eACF,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE;gBACR,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;gBACnC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC,CAAA;aACtD,GACA,CACF,CAAC,CACG,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon/demo/style.css?tag=smoothly-icon-demo&encapsulation=scoped","src/components/icon/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: clamp(200px, 100%, 1200px);\n\tmargin: auto;\n}\n:host([hidden]) {\n\tdisplay: none;\n}\n:host > div {\n\tdisplay: flex;\n\tflex-flow: row wrap;\n}\n\n:host > div > smoothly-icon {\n\tpadding: 1rem;\n\tposition: relative;\n}\n\n:host > div > smoothly-icon:hover {\n\tscale: 1.5;\n}\n\n:host > div > smoothly-icon:hover::after {\n\tcontent: attr(data-name);\n\tposition: absolute;\n\twhite-space: nowrap;\n\tbottom: 100%;\n\tbackground: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-color));\n\tpadding: 0.25rem 1rem;\n\tz-index: 1;\n\tpointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { Color, Icon, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-icon-demo\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIconDemo {\n\tpage = 0\n\n\t@State() display: { filter?: string; variant?: \"outline\" | \"sharp\" } = {}\n\t@State() props: { color?: Color; flip?: \"x\" | \"y\"; size?: \"tiny\" | \"small\" | \"medium\" | \"large\"; rotate?: number } =\n\t\t{}\n\t@Event() notice: EventEmitter<Notice>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Filter and Variants</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.display = e.detail)}>\n\t\t\t\t\t<smoothly-input name=\"filter\">Filter</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"variant\">\n\t\t\t\t\t\t<span slot=\"label\">Variant</span>\n\t\t\t\t\t\t<smoothly-item value={\"outline\"}>outline</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"sharp\"}>sharp</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h2>Props</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)}>\n\t\t\t\t\t<smoothly-input-select name={\"color\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Color</span>\n\t\t\t\t\t\t{Color.types.map(color => (\n\t\t\t\t\t\t\t<smoothly-item value={color} color={color}>\n\t\t\t\t\t\t\t\t{color}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"flip\">\n\t\t\t\t\t\t<span slot={\"label\"}>Flip</span>\n\t\t\t\t\t\t<smoothly-item value={\"x\"}>x</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"y\"}>y</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"size\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Size</span>\n\t\t\t\t\t\t<smoothly-item value={\"tiny\"}>tiny</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"small\"}>small</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"medium\"}>medium</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"large\"}>large</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-range name=\"rotate\" step={1} min={-180} max={180} value={0}>\n\t\t\t\t\t\tRotate\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h1>Icons</h1>\n\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t...Icon.Name.values\n\t\t\t\t\t\t\t.filter(name => !this.display.filter || name.includes(this.display.filter))\n\t\t\t\t\t\t\t.map((name): Icon => (this.display.variant ? `${name}-${this.display.variant}` : name)),\n\t\t\t\t\t\t...Icon.Logo.values.filter(name => !this.display.filter || name.includes(this.display.filter)),\n\t\t\t\t\t].map(name => (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\ttoolTip={name}\n\t\t\t\t\t\t\tdata-name={name}\n\t\t\t\t\t\t\tcolor={this.props.color}\n\t\t\t\t\t\t\tflip={this.props.flip}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\trotate={this.props.rotate}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tnavigator.clipboard.writeText(name)\n\t\t\t\t\t\t\t\tthis.notice.emit(Notice.succeeded(`Copied \"${name}\"`))\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-725308f2.js → p-f9cb46a5.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$1 } from './p-4922697f.js';
+import { d as defineCustomElement$1 } from './p-8e748704.js';
 
 const styleCss = "[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";
 const SmoothlyBurgerStyle0 = styleCss;
@@ -85,4 +85,4 @@ defineCustomElement();
 
 export { SmoothlyBurger as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-725308f2.js.map
+//# sourceMappingURL=p-f9cb46a5.js.map

package/dist/components/{p-725308f2.js.map → p-f9cb46a5.js.map}

@@ -1 +1 @@
-{"file":"p-725308f2.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,+hBAA+hB,CAAC;AACjjB,6BAAe,QAAQ;;MCMV,cAAc;;;;;;;oBAGqB,KAAK;0BACd,oBAAoB;;;IAK1D,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAA;QACzD,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO;YAC9C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;;YAEpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC7C;IAGD,WAAW;QACV,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAGD,YAAY,CAAC,KAAiB;QAC7B,IAAI,IAAI,CAAC,OAAO;YACf,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;KACvB;IAGD,aAAa;QACZ,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAA;QACzD,IAAI,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YAC3B,IAAI,MAAM,EAAE;gBACX,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;gBACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;aACjB;iBAAM;gBACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;gBACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;aACjB;YACD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAC7C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;SAC1C;QACD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;KACrB;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6DAAM,KAAK,EAAC,QAAQ,IACnB,sEAAe,IAAI,EAAC,MAAM,GAAG,CACvB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/burger/style.css?tag=smoothly-burger&encapsulation=scoped","src/components/burger/index.tsx"],"sourcesContent":[":host([visible]){\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nheight: 100%;\n}\n:host([visible]) .burger smoothly-icon{\n\tfont-size: 1.7em;\n\tcursor: pointer;\n\tmargin-right: 1em;\n}\n:host:not([visible]){\n\tdisplay: none;\n}\n:host:not([open]) smoothly-icon{\n\ttransform: rotate(0deg);\n\ttransition: transform 100ms ease-in-out;\n}\n:host([open]) smoothly-icon{\n\ttransform: rotate(-90deg);\n\ttransition: transform 100ms ease-in-out;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-burger\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyBurger {\n\t@Element() element: HTMLSmoothlyBurgerElement\n\t@Prop({ mutable: true, reflect: true }) visible: boolean\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) mediaQuery = \"(max-width: 900px)\"\n\t@State() history: boolean\n\t@Event() smoothlyNavStatus: EventEmitter<boolean>\n\t@Event() smoothlyVisibleStatus: EventEmitter<boolean>\n\n\tcomponentWillLoad() {\n\t\tthis.history = window.matchMedia(this.mediaQuery).matches\n\t\tif (!window.matchMedia(this.mediaQuery).matches)\n\t\t\tthis.visible = false\n\t\telse\n\t\t\tthis.visible = true\n\t\tthis.smoothlyNavStatus.emit(!this.visible)\n\t\tthis.smoothlyVisibleStatus.emit(this.visible)\n\t}\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyNavStatus.emit(this.open)\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler(event: MouseEvent) {\n\t\tif (this.visible)\n\t\t\tthis.open = !this.open\n\t}\n\n\t@Listen(\"resize\", { target: \"window\" })\n\tresizeHandler() {\n\t\tconst result = window.matchMedia(this.mediaQuery).matches\n\t\tif (result != this.history) {\n\t\t\tif (result) {\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.open = false\n\t\t\t} else {\n\t\t\t\tthis.visible = false\n\t\t\t\tthis.open = false\n\t\t\t}\n\t\t\tthis.smoothlyVisibleStatus.emit(this.visible)\n\t\t\tthis.smoothlyNavStatus.emit(!this.visible)\n\t\t}\n\t\tthis.history = result\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<span class=\"burger\">\n\t\t\t\t\t<smoothly-icon name=\"menu\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-f9cb46a5.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,+hBAA+hB,CAAC;AACjjB,6BAAe,QAAQ;;MCMV,cAAc;;;;;;;oBAGqB,KAAK;0BACd,oBAAoB;;;IAK1D,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAA;QACzD,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO;YAC9C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;;YAEpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC7C;IAGD,WAAW;QACV,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAGD,YAAY,CAAC,KAAiB;QAC7B,IAAI,IAAI,CAAC,OAAO;YACf,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;KACvB;IAGD,aAAa;QACZ,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAA;QACzD,IAAI,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YAC3B,IAAI,MAAM,EAAE;gBACX,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;gBACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;aACjB;iBAAM;gBACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;gBACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;aACjB;YACD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAC7C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;SAC1C;QACD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;KACrB;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6DAAM,KAAK,EAAC,QAAQ,IACnB,sEAAe,IAAI,EAAC,MAAM,GAAG,CACvB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/burger/style.css?tag=smoothly-burger&encapsulation=scoped","src/components/burger/index.tsx"],"sourcesContent":[":host([visible]){\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nheight: 100%;\n}\n:host([visible]) .burger smoothly-icon{\n\tfont-size: 1.7em;\n\tcursor: pointer;\n\tmargin-right: 1em;\n}\n:host:not([visible]){\n\tdisplay: none;\n}\n:host:not([open]) smoothly-icon{\n\ttransform: rotate(0deg);\n\ttransition: transform 100ms ease-in-out;\n}\n:host([open]) smoothly-icon{\n\ttransform: rotate(-90deg);\n\ttransition: transform 100ms ease-in-out;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-burger\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyBurger {\n\t@Element() element: HTMLSmoothlyBurgerElement\n\t@Prop({ mutable: true, reflect: true }) visible: boolean\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) mediaQuery = \"(max-width: 900px)\"\n\t@State() history: boolean\n\t@Event() smoothlyNavStatus: EventEmitter<boolean>\n\t@Event() smoothlyVisibleStatus: EventEmitter<boolean>\n\n\tcomponentWillLoad() {\n\t\tthis.history = window.matchMedia(this.mediaQuery).matches\n\t\tif (!window.matchMedia(this.mediaQuery).matches)\n\t\t\tthis.visible = false\n\t\telse\n\t\t\tthis.visible = true\n\t\tthis.smoothlyNavStatus.emit(!this.visible)\n\t\tthis.smoothlyVisibleStatus.emit(this.visible)\n\t}\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyNavStatus.emit(this.open)\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler(event: MouseEvent) {\n\t\tif (this.visible)\n\t\t\tthis.open = !this.open\n\t}\n\n\t@Listen(\"resize\", { target: \"window\" })\n\tresizeHandler() {\n\t\tconst result = window.matchMedia(this.mediaQuery).matches\n\t\tif (result != this.history) {\n\t\t\tif (result) {\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.open = false\n\t\t\t} else {\n\t\t\t\tthis.visible = false\n\t\t\t\tthis.open = false\n\t\t\t}\n\t\t\tthis.smoothlyVisibleStatus.emit(this.visible)\n\t\t\tthis.smoothlyNavStatus.emit(!this.visible)\n\t\t}\n\t\tthis.history = result\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<span class=\"burger\">\n\t\t\t\t\t<smoothly-icon name=\"menu\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-fb5105d9.js → p-fa59c097.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$6 } from './p-46e6dd30.js';
-import { d as defineCustomElement$5 } from './p-08159d78.js';
-import { d as defineCustomElement$4 } from './p-f64b103b.js';
-import { d as defineCustomElement$3 } from './p-04e1a322.js';
-import { d as defineCustomElement$2 } from './p-3e30f0e3.js';
-import { d as defineCustomElement$1 } from './p-07ed0ebd.js';
+import { d as defineCustomElement$6 } from './p-19580a07.js';
+import { d as defineCustomElement$5 } from './p-b2e18b02.js';
+import { d as defineCustomElement$4 } from './p-0b423141.js';
+import { d as defineCustomElement$3 } from './p-beb87a00.js';
+import { d as defineCustomElement$2 } from './p-b8c18e44.js';
+import { d as defineCustomElement$1 } from './p-7d208e60.js';
 
 const styleCss = ".sc-smoothly-next-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";
 const SmoothlyNextDemoNestedInnerStyle0 = styleCss;
@@ -17,7 +17,7 @@ const SmoothlyNextDemoNestedInner = proxyCustomElement(class SmoothlyNextDemoNes
     }
     render() {
         var _a;
-        return (h(Host, { key: '8db0be536678e9cf653acdcd8f65e70306483a7e' }, h("smoothly-next-table", { key: 'ea1ee8a17f81747b929e7a4fcef32f05292b22d8', columns: 4 }, h("smoothly-next-table-head", { key: '4f97f9784254d15e28c2f71e80400fa562f5a8ba' }, h("smoothly-next-table-row", { key: '0721f418e5240df4ca449cc481890eaaf93eed66' }, h("smoothly-next-table-cell", { key: '197ed222bda59545ee2ca5d949a530330cc0605f' }, "Id"), h("smoothly-next-table-cell", { key: 'e2a4b1f2805500e9de651dc01ff3547dfb995d6c' }, "Name"), h("smoothly-next-table-cell", { key: 'e914bc23240d7e5a4e6a4b3f4a0c4fabb4254acb' }, "Age"), h("smoothly-next-table-cell", { key: 'fc23f3e454dea6711140804a6edc1cf7d27028c5' }, "Balance"))), h("smoothly-next-table-body", { key: 'a87388656c70945ca653606bf77400bcca3363e1' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
+        return (h(Host, { key: '05cd859b7de4e94ffd0eeadc546c7ab3e8eae84f' }, h("smoothly-next-table", { key: '45e4f3205cd69c4891024fb2c9f6382257e5f0d9', columns: 4 }, h("smoothly-next-table-head", { key: '123d645a74d7a8e4ed95fed0f96fd27161cda3be' }, h("smoothly-next-table-row", { key: '609b560b6c695b2c783fa06eac0d93eb22a69d86' }, h("smoothly-next-table-cell", { key: 'f2fa75b047055bd57c320736856190662bc539fb' }, "Id"), h("smoothly-next-table-cell", { key: 'be9f72e808c06b4e3aa8aab715bf656877f060a8' }, "Name"), h("smoothly-next-table-cell", { key: '274b4a3183f02f1afc89a03a1e67684aeeadfb25' }, "Age"), h("smoothly-next-table-cell", { key: 'ce88e8ab22bdb4978fd7732c3d7c32f1687dfbbf' }, "Balance"))), h("smoothly-next-table-body", { key: 'dbd57e39997d576694a671f3717f09d5b0cb6f07' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-next-table-expandable-row", null, h("smoothly-next-table-cell", null, entry.id), h("smoothly-next-table-cell", null, entry.name), h("smoothly-next-table-cell", null, entry.age), h("smoothly-next-table-cell", null, entry.balance))))))));
     }
     static get style() { return SmoothlyNextDemoNestedInnerStyle0; }
 }, [2, "smoothly-next-demo-nested-inner", {
@@ -70,4 +70,4 @@ defineCustomElement();
 
 export { SmoothlyNextDemoNestedInner as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-fb5105d9.js.map
+//# sourceMappingURL=p-fa59c097.js.map

package/dist/components/{p-fb5105d9.js.map → p-fa59c097.js.map}

@@ -1 +1 @@
-{"file":"p-fb5105d9.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,gFAAgF,CAAC;AAClG,0CAAe,QAAQ;;MCMV,2BAA2B;;;;;;IAOvC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,4EAAqB,OAAO,EAAE,CAAC,IAC9B,mFACC,kFACC,wFAAuD,EACvD,0FAAyD,EACzD,yFAAwD,EACxD,6FAA4D,CACnC,CACA,EAC3B,mFACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,8CACC,oCAA2B,KAAK,CAAC,EAAE,CAA4B,EAC/D,oCAA2B,KAAK,CAAC,IAAI,CAA4B,EACjE,oCAA2B,KAAK,CAAC,GAAG,CAA4B,EAChE,oCAA2B,KAAK,CAAC,OAAO,CAA4B,CAChC,CACrC,CAAC,CACwB,CACN,CAChB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/nested/inner/style.css?tag=smoothly-next-demo-nested-inner&encapsulation=scoped","src/components/next/demo/nested/inner/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tmargin: 1em auto;\n\twidth: 60%;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoNestedInner {\n\t@Prop() data?: {\n\t\tid: number\n\t\tname: string\n\t\tage: number\n\t\tbalance: number\n\t}[]\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-table columns={4}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Id</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Name</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Age</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Balance</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-next-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.id}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.name}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.age}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.balance}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-fa59c097.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,gFAAgF,CAAC;AAClG,0CAAe,QAAQ;;MCMV,2BAA2B;;;;;;IAOvC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,4EAAqB,OAAO,EAAE,CAAC,IAC9B,mFACC,kFACC,wFAAuD,EACvD,0FAAyD,EACzD,yFAAwD,EACxD,6FAA4D,CACnC,CACA,EAC3B,mFACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,8CACC,oCAA2B,KAAK,CAAC,EAAE,CAA4B,EAC/D,oCAA2B,KAAK,CAAC,IAAI,CAA4B,EACjE,oCAA2B,KAAK,CAAC,GAAG,CAA4B,EAChE,oCAA2B,KAAK,CAAC,OAAO,CAA4B,CAChC,CACrC,CAAC,CACwB,CACN,CAChB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/nested/inner/style.css?tag=smoothly-next-demo-nested-inner&encapsulation=scoped","src/components/next/demo/nested/inner/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tmargin: 1em auto;\n\twidth: 60%;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoNestedInner {\n\t@Prop() data?: {\n\t\tid: number\n\t\tname: string\n\t\tage: number\n\t\tbalance: number\n\t}[]\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-table columns={4}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Id</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Name</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Age</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Balance</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-next-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.id}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.name}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.age}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.balance}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-c39541c7.js → p-fc02cd6e.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-ed3722cc.js';
-import { d as defineCustomElement$1 } from './p-040802e2.js';
+import { d as defineCustomElement$2 } from './p-38489e40.js';
+import { d as defineCustomElement$1 } from './p-192dca7c.js';
 
 const styleCss = ".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%}";
 const SmoothlyTabsDemoStyle0 = styleCss;
@@ -11,7 +11,7 @@ const SmoothlyTabsDemo = proxyCustomElement(class SmoothlyTabsDemo extends H {
         this.__registerHost();
     }
     render() {
-        return (h("smoothly-tabs", { key: 'bf3e5c01fa0476ec17008f510c3627b12f41907e' }, h("smoothly-tab", { key: '65819b7cabe33f935ff283400dc5f242894a8d1e', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '77baaf959e4bfe230e5699b8c684c364eb2290e9', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: '6db948cc03dc3c952e2453b0a98bdac5fbc9e917', label: "test3" }, "this is a test message again!")));
+        return (h("smoothly-tabs", { key: 'cd133cd34cd0483b706cbaf0f0f2a322ad49a295' }, h("smoothly-tab", { key: 'd9681e8c15e04b1612f702027e3d89a69f81bb39', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'd2520cc70bfb0adc07e0c467c08cb25072b2163d', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: 'e0566ea72fbc6f78a41f19e3ba2e7814bf21228b', label: "test3" }, "this is a test message again!")));
     }
     static get style() { return SmoothlyTabsDemoStyle0; }
 }, [2, "smoothly-tabs-demo"]);
@@ -42,4 +42,4 @@ defineCustomElement();
 
 export { SmoothlyTabsDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-c39541c7.js.map
+//# sourceMappingURL=p-fc02cd6e.js.map

package/dist/components/{p-c39541c7.js.map → p-fc02cd6e.js.map}

@@ -1 +1 @@
-{"file":"p-c39541c7.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,gLAAgL,CAAC;AAClM,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,wEACC,qEAAc,KAAK,EAAC,OAAO,EAAC,IAAI,yBAEjB,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EAClE,qEAAc,KAAK,EAAC,OAAO,oCAA6C,CACzD,EAChB;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n}\n","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-tabs>\n\t\t\t\t<smoothly-tab label=\"test1\" open>\n\t\t\t\t\tHello world!\n\t\t\t\t</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test3\">this is a test message again!</smoothly-tab>\n\t\t\t</smoothly-tabs>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-fc02cd6e.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,gLAAgL,CAAC;AAClM,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,wEACC,qEAAc,KAAK,EAAC,OAAO,EAAC,IAAI,yBAEjB,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EAClE,qEAAc,KAAK,EAAC,OAAO,oCAA6C,CACzD,EAChB;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n}\n","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-tabs>\n\t\t\t\t<smoothly-tab label=\"test1\" open>\n\t\t\t\t\tHello world!\n\t\t\t\t</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test3\">this is a test message again!</smoothly-tab>\n\t\t\t</smoothly-tabs>\n\t\t)\n\t}\n}\n"],"version":3}