npm - smoothly - Versions diffs - 1.102.0 → 1.103.0 - Mend

smoothly 1.102.0 → 1.103.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (366) hide show

package/dist/components/{p-fdf5432e.js.map → p-aee7c7ad.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~fdf5432e~~.js","mappings":"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","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, Fill, 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: {\n\t\tcolor?: Color\n\t\tfill?: Fill\n\t\tflip?: \"x\" \| \"y\"\n\t\tsize?: \"tiny\" \| \"small\" \| \"medium\" \| \"large\" \| \"xlarge\"\n\t\trotate?: number\n\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.values.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={\"fill\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill}>{fill}</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-item value={\"xlarge\"}>xlarge</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\tfill={this.props.fill}\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}
1	+ {"file":"p-aee7c7ad.js","mappings":"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","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, Fill, 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: {\n\t\tcolor?: Color\n\t\tfill?: Fill\n\t\tflip?: \"x\" \| \"y\"\n\t\tsize?: \"tiny\" \| \"small\" \| \"medium\" \| \"large\" \| \"xlarge\"\n\t\trotate?: number\n\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.values.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={\"fill\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill}>{fill}</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-item value={\"xlarge\"}>xlarge</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\tfill={this.props.fill}\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-6aaf93a3.js → p-b2be4c15.js} RENAMED Viewed

@@ -2,19 +2,19 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$g } from './p-b7fe2252.js';
 import { d as defineCustomElement$f } from './p-76531b32.js';
 import { d as defineCustomElement$e } from './p-2826e824.js';
-import { d as defineCustomElement$d } from './p-14e31e4a.js';
-import { d as defineCustomElement$c } from './p-19d93e64.js';
+import { d as defineCustomElement$d } from './p-6bda7e35.js';
+import { d as defineCustomElement$c } from './p-c9caeeb4.js';
 import { d as defineCustomElement$b } from './p-604f869e.js';
-import { d as defineCustomElement$a } from './p-e48ad105.js';
-import { d as defineCustomElement$9 } from './p-90cf2f0e.js';
-import { d as defineCustomElement$8 } from './p-2ef8a833.js';
-import { d as defineCustomElement$7 } from './p-6d1e5f27.js';
-import { d as defineCustomElement$6 } from './p-fb97b2ff.js';
-import { d as defineCustomElement$5 } from './p-4441247b.js';
-import { d as defineCustomElement$4 } from './p-1e46b981.js';
-import { d as defineCustomElement$3 } from './p-3a1a67e7.js';
-import { d as defineCustomElement$2 } from './p-bb94849f.js';
-import { d as defineCustomElement$1 } from './p-003a635b.js';
+import { d as defineCustomElement$a } from './p-75916f5e.js';
+import { d as defineCustomElement$9 } from './p-9ad494c1.js';
+import { d as defineCustomElement$8 } from './p-fd230d2b.js';
+import { d as defineCustomElement$7 } from './p-ce52b5f8.js';
+import { d as defineCustomElement$6 } from './p-c4674baf.js';
+import { d as defineCustomElement$5 } from './p-efb6497e.js';
+import { d as defineCustomElement$4 } from './p-33c30e05.js';
+import { d as defineCustomElement$3 } from './p-723edf05.js';
+import { d as defineCustomElement$2 } from './p-ac63635b.js';
+import { d as defineCustomElement$1 } from './p-4c5965cd.js';
 const styleCss = "smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}";
 const SmoothlyButtonDemoStyle0 = styleCss;
@@ -126,4 +126,4 @@ defineCustomElement();
 export { SmoothlyButtonDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-6aaf93a3.js.map
+//# sourceMappingURL=p-b2be4c15.js.map

package/dist/components/{p-6aaf93a3.js.map → p-b2be4c15.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-6aaf93a3.js","mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,wKAAwK,CAAC;AAC1L,iCAAe,QAAQ;;MCIV,kBAAkB;;;;;IAC9B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,kEACC,uFAAiC,CACxB,EACV,kEACC,2FAAoC,EACpC,8DACC,gFAAyB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,aAEzD,EAC1B,gFAAyB,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,IACvF,sEAAe,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,GAAG,CAC7B,EAC1B,gFAAyB,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IACrG,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,GAAG,CACxC,CACrB,EACN,qFAA+B,EAC/B,gFAAyB,EACzB,wEAAiB,IAAI,EAAC,MAAM,IAC3B,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,cAErC,EAClB,wEAAiB,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,IAC5D,sEAAe,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG,EAC1C,0DAAG,IAAI,EAAC,oBAAoB,WAAS,CACpB,EAClB,wEAAiB,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,IACrD,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,KAAK,GAAG,qBAEhC,EAClB,mFAA4B,EAC5B,wEAAiB,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,4BAExD,EAClB,wEAAiB,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,gCAE7C,EAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,4BAExC,EAClB,wEAAiB,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,2BAEvD,EAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,4BAExD,EAClB,wEAAiB,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,6BAEzD,EAClB,wEAAiB,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,yBAErD,EAClB,wEAAiB,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,2BAEvD,EAClB,wEAAiB,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,0BAEtD,EAClB,+EAAwB,EACxB,wEAAiB,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,gCAE3C,EAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,4BAE1C,EAClB,6EAAsB,EACtB,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IAC5D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,eAErC,EAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,IAChE,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,iBAErC,EAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,IAC7D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,eAErC,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IACxE,sEAAe,IAAI,EAAC,YAAY,GAAG,CAClB,CACb,EACN,8FAAqC,EACrC,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,IAC5D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,UAErC,EAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,IAC9D,sEAAe,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,GAAG,UAE/B,EAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,IAC5D,sEAAe,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG,UAEzB,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,IACxE,sEAAe,IAAI,EAAC,MAAM,GAAG,CACZ,EAClB,wEAAiB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,IAC5D,sEAAe,IAAI,EAAC,UAAU,GAAG,CAChB,CACb,EACN,4FAAmC,EACnC,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,kBAE1C,sEAAe,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,KAAK,GAAG,CAChC,EAClB,oFAA6B,EAC7B,8DACC,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,IACxE,sEAAe,IAAI,EAAC,MAAM,GAAG,CACZ,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IACxE,sEAAe,IAAI,EAAC,gBAAgB,GAAG,CACtB,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,IAC7D,sEAAe,IAAI,EAAC,kBAAkB,GAAG,CACxB,CACb,EACN,6EAAsB,EACtB,8DACC,wEAAiB,IAAI,EAAC,MAAM,gBAA4B,EACxD,wEAAiB,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,IAC1C,0DAAG,IAAI,EAAC,oBAAoB,WAAS,CACpB,EAClB,wEAAiB,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,uBAEpC,CACb,EACN,gFAAyB,EACzB,8DACC,wEAAiB,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,eAEtC,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,oBAAoB,EAAC,QAAQ,0BAE7C,CACb,CACG,EACV,8EAAwB,CAClB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/demo/style.css?tag=smoothly-button-demo","src/components/button/demo/index.tsx"],"sourcesContent":["smoothly-button-demo {\n\tdisplay: block;\n\tmargin: 1rem;\n}\n\nsmoothly-button-demo > section > div {\n\tdisplay: flex;\n\talign-items: center;\n}\n\nsmoothly-button-demo smoothly-button {\n\tmargin: .2em .5em;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-button-demo\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyButtonDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<section>\n\t\t\t\t\t<smoothly-button-demo-standard />\n\t\t\t\t</section>\n\t\t\t\t<section>\n\t\t\t\t\t<h4>Confirm button (two clicks)</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm\" shape=\"rounded\" color=\"danger\" size=\"large\">\n\t\t\t\t\t\t\tDelete\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"success\" size=\"icon\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"danger\" size=\"icon\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" size=\"tiny\" fill=\"outline\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-toggle-switch-demo />\n\t\t\t\t\t<h4>Links with icons</h4>\n\t\t\t\t\t<smoothly-button type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\ttype link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"button\" color=\"warning\" fill=\"default\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t\tlink + type link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Size and Color test</h4>\n\t\t\t\t\t<smoothly-button color=\"primary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Primary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" shape=\"rounded\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" size=\"large\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"danger\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Danger + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"success\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Success + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"tertiary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Tertiary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"dark\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Dark + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"medium\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Medium + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"light\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Light + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Expand examples</h4>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" expand=\"full\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" expand=\"block\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Fill examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"primary\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Solid\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"secondary\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Outline\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"tertiary\" fill=\"clear\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Clear\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"start\"</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"warning\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"flexible\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"airplane\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"end\"</h4>\n\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\">\n\t\t\t\t\t\tGo Forward\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Test for icon button</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"warning\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Link examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button type=\"link\">type link</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"button\" fill=\"clear\">\n\t\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t\tlink + type link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Disabled buttons</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\tDisabled\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" link=\"https://google.com\" disabled>\n\t\t\t\t\t\t\tDisabled link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t<smoothly-back-to-top />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b2be4c15.js","mappings":"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","names":[],"sources":["src/components/button/demo/style.css?tag=smoothly-button-demo","src/components/button/demo/index.tsx"],"sourcesContent":["smoothly-button-demo {\n\tdisplay: block;\n\tmargin: 1rem;\n}\n\nsmoothly-button-demo > section > div {\n\tdisplay: flex;\n\talign-items: center;\n}\n\nsmoothly-button-demo smoothly-button {\n\tmargin: .2em .5em;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-button-demo\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyButtonDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<section>\n\t\t\t\t\t<smoothly-button-demo-standard />\n\t\t\t\t</section>\n\t\t\t\t<section>\n\t\t\t\t\t<h4>Confirm button (two clicks)</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm\" shape=\"rounded\" color=\"danger\" size=\"large\">\n\t\t\t\t\t\t\tDelete\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"success\" size=\"icon\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"danger\" size=\"icon\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" size=\"tiny\" fill=\"outline\" />\n\t\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-toggle-switch-demo />\n\t\t\t\t\t<h4>Links with icons</h4>\n\t\t\t\t\t<smoothly-button type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\ttype link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"button\" color=\"warning\" fill=\"default\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t\tlink + type link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Size and Color test</h4>\n\t\t\t\t\t<smoothly-button color=\"primary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Primary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" shape=\"rounded\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" size=\"large\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"danger\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Danger + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"success\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Success + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"tertiary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Tertiary + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"dark\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Dark + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"medium\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Medium + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"light\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\t\tColor Light + Small\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Expand examples</h4>\n\t\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" expand=\"full\">\n\t\t\t\t\t\tColor Secondary + Default\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" expand=\"block\">\n\t\t\t\t\t\tColor Warning + Large\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Fill examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"primary\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Solid\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"secondary\" fill=\"outline\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Outline\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"tertiary\" fill=\"clear\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tFill Clear\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"start\"</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"warning\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"basketball\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\t\tCheck\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"flexible\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"airplane\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Buttons with Icon in \"end\"</h4>\n\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\">\n\t\t\t\t\t\tGo Forward\n\t\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<h4>Test for icon button</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"warning\" fill=\"solid\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"secondary\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" />\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Link examples</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button type=\"link\">type link</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"button\" fill=\"clear\">\n\t\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\t\tlink + type link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Disabled buttons</h4>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t\tDisabled\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" link=\"https://google.com\" disabled>\n\t\t\t\t\t\t\tDisabled link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t<smoothly-back-to-top />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-c172bb64.js → p-b34956f3.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { D as Date$1 } from './p-390767c7.js';
 import { E as Editable } from './p-ddd5bc95.js';
-import { I as Input } from './p-19d93e64.js';
+import { I as Input } from './p-c9caeeb4.js';
 import { d as defineCustomElement$3 } from './p-604f869e.js';
-import { d as defineCustomElement$2 } from './p-4441247b.js';
-import { d as defineCustomElement$1 } from './p-1e46b981.js';
+import { d as defineCustomElement$2 } from './p-efb6497e.js';
+import { d as defineCustomElement$1 } from './p-33c30e05.js';
 function month(date) {
     const d = new Date(date);
@@ -180,21 +180,21 @@ const SmoothlyInputMonth = proxyCustomElement(class SmoothlyInputMonth extends H
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '18f61ae51348d5bd0c622337b28b45174ff18076' }, h("smoothly-icon", { key: '3353daed3b1accb80fa5aab42304e2d82bf51126', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
+        return (h(Host, { key: 'eefcb23c84911b8334155d4035450161bacab335' }, h("smoothly-icon", { key: '54c89c0a776e5cca1d738ff3c2c75bf792e9fec7', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
                 disabled: this.readonly || !this.allowPreviousMonth,
-            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: 'a41333ccdf3a8595cadabdf096706a71bfcf6d1d', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
+            }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), h("smoothly-input-select", { key: 'a8ada0ee9d10be566cce98fb7fd8e98fcae2eb2f', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
                 const month = e.detail.value;
                 if (month && Date$1.is(month)) {
                     const value = Date$1.firstOfMonth(month);
                     this.smoothlyUserInput.emit({ name: this.name, value });
                 }
-            }, searchDisabled: true }, h("div", { key: 'ea87369124256ce2911ec603ce7bf6f5aa653819', slot: "label" }, h("slot", { key: '64aa8263cd0146723944f0226407a88fb24419dc', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : Date$1.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: '318f72ddd1a44ec40b8459ad59e20afc0ce4c0c7', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
+            }, searchDisabled: true }, h("div", { key: '057bd0d86cba43f640185418aa3f8268364b5a5c', slot: "label" }, h("slot", { key: '379a30d1f4915ba7fc421dac3c6ed13ce8c6f16f', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : Date$1.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), h("smoothly-input-select", { key: '91fb8b714da6207dc44aac51db1d4f4df5832e85', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
                 const year = e.detail.value;
                 if (year && Date$1.is(year)) {
                     const value = Date$1.firstOfMonth(year);
                     this.smoothlyUserInput.emit({ name: this.name, value });
                 }
-            }, searchDisabled: true }, h("div", { key: 'eab69d4faf59b5d3acbd0db9a53912a65b31f210', slot: "label" }, h("slot", { key: '8e9aca70172019bf7c8b41f3f7534a38e231a486', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : Date$1.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: '3e434c79f9ff72f4bce6f2ba3d87803b332b5d83', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly || !this.allowNextMonth }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
+            }, searchDisabled: true }, h("div", { key: 'f51ace81a7ac85957ead3532b1a228c95acc5f5f', slot: "label" }, h("slot", { key: '27e4c3e1da0dfb4fee70749236ab1372807dc82b', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : Date$1.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), h("smoothly-icon", { key: '026c0c398ebce39044581231dc601c6248a6d7eb', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly || !this.allowNextMonth }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -264,4 +264,4 @@ defineCustomElement();
 export { SmoothlyInputMonth as S, defineCustomElement as d, month as m, weekdays as w };
-//# sourceMappingURL=p-c172bb64.js.map
+//# sourceMappingURL=p-b34956f3.js.map

package/dist/components/{p-c172bb64.js.map → p-b34956f3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-c172bb64.js","mappings":"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","names":["isoly.Date","generate.years","generate.months"],"sources":["src/components/calendar/generate.ts","src/components/input/month/style.css?tag=smoothly-input-month&encapsulation=scoped","src/components/input/month/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\n\nexport function month(date: isoly.Date): isoly.Date[][] {\n\tconst d = new Date(date)\n\td.setDate(1)\n\tlet day = -((d.getDay() + 6) % 7) + 1\n\tconst result: string[][] = []\n\tfor (let row = 0; row < 6; row++) {\n\t\tconst r = []\n\t\tfor (let column = 0; column < 7; column++) {\n\t\t\tconst d = new Date(date)\n\t\t\td.setUTCDate(day++)\n\t\t\tr.push(isoly.Date.create(d))\n\t\t}\n\t\tif (row < 5 \|\| isoly.Date.firstOfMonth(r[0]) == isoly.Date.firstOfMonth(date))\n\t\t\tresult.push(r)\n\t}\n\treturn result\n}\n\nexport function weekdays(): string[] {\n\tconst day = new globalThis.Date()\n\tday.setDate(day.getDate() - day.getDay() + 1)\n\tconst result: string[] = []\n\tfor (let i = 0; i < 7; i++) {\n\t\tresult.push(day.toLocaleString(undefined, { weekday: \"short\" }))\n\t\tday.setDate(day.getDate() + 1)\n\t}\n\treturn result\n}\n\nexport function months(current: isoly.Date): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = 0; i < 12; i++) {\n\t\tday.setMonth(i, 28)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { month: \"long\" }),\n\t\t\tselected: date.substr(0, 7) == current.substr(0, 7),\n\t\t})\n\t}\n\treturn result\n}\nexport function years(\n\tcurrent: isoly.Date,\n\tmin?: isoly.Date,\n\tmax?: isoly.Date\n): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst start = min ? isoly.Date.getYear(min) : new Date().getFullYear() - 50\n\tconst end = max ? isoly.Date.getYear(max) : new Date().getFullYear() + 50\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = start; i <= end; i++) {\n\t\tday.setFullYear(i)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { year: \"numeric\" }),\n\t\t\tselected: date == current,\n\t\t})\n\t}\n\treturn result\n}\n",":host {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host:not([in-calendar])>smoothly-input-select {\n\tdisplay: flex;\n\tflex: 1;\n}\n\n:host[looks=line],\n:host[looks=border],\n:host[looks=transparent] {\n\tgap: 2em;\n}\n\n:host:not([previous])>smoothly-icon:first-of-type,\n:host:not([next])>smoothly-icon:last-of-type {\n\tdisplay: none;\n}\n:host>smoothly-icon {\n\tdisplay: flex;\n\talign-self: center;\n\tcursor: pointer;\n}\n:host>smoothly-icon.disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Data } from \"../../../model\"\nimport { Color } from \"../../../model\"\nimport * as generate from \"../../calendar/generate\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-month\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputMonth implements ComponentWillLoad, Input, Editable {\n\tisDifferentFromInitial: boolean\n\tparent: Editable \| undefined\n\t@Element() element: HTMLSmoothlyInputMonthElement\n\t@Prop({ reflect: true, mutable: true }) readonly: boolean\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value?: isoly.Date = isoly.Date.now()\n\t@Prop({ mutable: true }) max?: isoly.Date\n\t@Prop({ mutable: true }) min?: isoly.Date\n\t@Prop({ reflect: true }) next = false\n\t@Prop({ reflect: true }) previous = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@State() allowPreviousMonth = true\n\t@State() allowNextMonth = true\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\tprivate year?: HTMLSmoothlyInputSelectElement\n\tprivate month?: HTMLSmoothlyInputSelectElement\n\tprivate observer = Editable.Observer.create(this)\n\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = this.looks ?? looks))\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\tprivate adjustMonth(delta: number): void {\n\t\tif (!this.readonly) {\n\t\t\tconst date = isoly.Date.parse(this.value ?? isoly.Date.now())\n\t\t\tdate.setMonth(date.getMonth() + delta)\n\t\t\tthis.value = isoly.Date.create(date)\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"value\")\n\t@Watch(\"min\")\n\tsetAllowPreviousMonth() {\n\t\tconst previousMonth = isoly.Date.previousMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst minMonth = this.min?.substring(0, 7)\n\t\tthis.allowPreviousMonth = !minMonth \|\| previousMonth >= minMonth\n\t}\n\t@Watch(\"value\")\n\t@Watch(\"max\")\n\tsetAllowNextMonth() {\n\t\tconst nextMonth = isoly.Date.nextMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst maxMonth = this.max?.substring(0, 7)\n\t\tthis.allowNextMonth = !maxMonth \|\| nextMonth <= maxMonth\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.Date \| undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.year?.clear()\n\t\tthis.month?.clear()\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.year?.reset()\n\t\tthis.month?.reset()\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.year?.setInitialValue()\n\t\tthis.month?.setInitialValue()\n\t}\n\tinputHandler(event: CustomEvent<Record<string, any>>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tconst year = event.detail[`${this.name}-year`]\n\t\t\tconst month = event.detail[`${this.name}-month`]\n\t\t\tif (month && isoly.Date.is(month))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(month)\n\t\t\telse if (year && isoly.Date.is(year))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(year)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks?: Looks, color?: Color) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks, this.color)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: Editable) => void>): Promise<void> {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-back-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.readonly \|\| !this.allowPreviousMonth,\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={() => this.allowPreviousMonth && this.adjustMonth(-1)}\n\t\t\t\t/>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.year = e)}\n\t\t\t\t\tname={`${this.name}-year`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\tconst month = e.detail.value\n\t\t\t\t\t\tif (month && isoly.Date.is(month)) {\n\t\t\t\t\t\t\tconst value = isoly.Date.firstOfMonth(month)\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value })\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.years(this.value ?? isoly.Date.now(), this.min, this.max).map(year => (\n\t\t\t\t\t\t<smoothly-item key={year.date} value={year.date} selected={year.selected \|\| this.value == year.date}>\n\t\t\t\t\t\t\t{year.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.month = e)}\n\t\t\t\t\tname={`${this.name}-month`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\tconst year = e.detail.value\n\t\t\t\t\t\tif (year && isoly.Date.is(year)) {\n\t\t\t\t\t\t\tconst value = isoly.Date.firstOfMonth(year)\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value })\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.months(this.value ?? isoly.Date.now()).map(month => (\n\t\t\t\t\t\t<smoothly-item key={month.date} value={month.date} selected={month.selected \|\| this.value == month.date}>\n\t\t\t\t\t\t\t{month.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-forward-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{ disabled: this.readonly \|\| !this.allowNextMonth }}\n\t\t\t\t\tonClick={() => this.allowNextMonth && this.adjustMonth(1)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b34956f3.js","mappings":"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","names":["isoly.Date","generate.years","generate.months"],"sources":["src/components/calendar/generate.ts","src/components/input/month/style.css?tag=smoothly-input-month&encapsulation=scoped","src/components/input/month/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\n\nexport function month(date: isoly.Date): isoly.Date[][] {\n\tconst d = new Date(date)\n\td.setDate(1)\n\tlet day = -((d.getDay() + 6) % 7) + 1\n\tconst result: string[][] = []\n\tfor (let row = 0; row < 6; row++) {\n\t\tconst r = []\n\t\tfor (let column = 0; column < 7; column++) {\n\t\t\tconst d = new Date(date)\n\t\t\td.setUTCDate(day++)\n\t\t\tr.push(isoly.Date.create(d))\n\t\t}\n\t\tif (row < 5 \|\| isoly.Date.firstOfMonth(r[0]) == isoly.Date.firstOfMonth(date))\n\t\t\tresult.push(r)\n\t}\n\treturn result\n}\n\nexport function weekdays(): string[] {\n\tconst day = new globalThis.Date()\n\tday.setDate(day.getDate() - day.getDay() + 1)\n\tconst result: string[] = []\n\tfor (let i = 0; i < 7; i++) {\n\t\tresult.push(day.toLocaleString(undefined, { weekday: \"short\" }))\n\t\tday.setDate(day.getDate() + 1)\n\t}\n\treturn result\n}\n\nexport function months(current: isoly.Date): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = 0; i < 12; i++) {\n\t\tday.setMonth(i, 28)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { month: \"long\" }),\n\t\t\tselected: date.substr(0, 7) == current.substr(0, 7),\n\t\t})\n\t}\n\treturn result\n}\nexport function years(\n\tcurrent: isoly.Date,\n\tmin?: isoly.Date,\n\tmax?: isoly.Date\n): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst start = min ? isoly.Date.getYear(min) : new Date().getFullYear() - 50\n\tconst end = max ? isoly.Date.getYear(max) : new Date().getFullYear() + 50\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = start; i <= end; i++) {\n\t\tday.setFullYear(i)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { year: \"numeric\" }),\n\t\t\tselected: date == current,\n\t\t})\n\t}\n\treturn result\n}\n",":host {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host:not([in-calendar])>smoothly-input-select {\n\tdisplay: flex;\n\tflex: 1;\n}\n\n:host[looks=line],\n:host[looks=border],\n:host[looks=transparent] {\n\tgap: 2em;\n}\n\n:host:not([previous])>smoothly-icon:first-of-type,\n:host:not([next])>smoothly-icon:last-of-type {\n\tdisplay: none;\n}\n:host>smoothly-icon {\n\tdisplay: flex;\n\talign-self: center;\n\tcursor: pointer;\n}\n:host>smoothly-icon.disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\n\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Data } from \"../../../model\"\nimport { Color } from \"../../../model\"\nimport * as generate from \"../../calendar/generate\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-month\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputMonth implements ComponentWillLoad, Input, Editable {\n\tisDifferentFromInitial: boolean\n\tparent: Editable \| undefined\n\t@Element() element: HTMLSmoothlyInputMonthElement\n\t@Prop({ reflect: true, mutable: true }) readonly: boolean\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value?: isoly.Date = isoly.Date.now()\n\t@Prop({ mutable: true }) max?: isoly.Date\n\t@Prop({ mutable: true }) min?: isoly.Date\n\t@Prop({ reflect: true }) next = false\n\t@Prop({ reflect: true }) previous = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@State() allowPreviousMonth = true\n\t@State() allowNextMonth = true\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\tprivate year?: HTMLSmoothlyInputSelectElement\n\tprivate month?: HTMLSmoothlyInputSelectElement\n\tprivate observer = Editable.Observer.create(this)\n\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = this.looks ?? looks))\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\tprivate adjustMonth(delta: number): void {\n\t\tif (!this.readonly) {\n\t\t\tconst date = isoly.Date.parse(this.value ?? isoly.Date.now())\n\t\t\tdate.setMonth(date.getMonth() + delta)\n\t\t\tthis.value = isoly.Date.create(date)\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"value\")\n\t@Watch(\"min\")\n\tsetAllowPreviousMonth() {\n\t\tconst previousMonth = isoly.Date.previousMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst minMonth = this.min?.substring(0, 7)\n\t\tthis.allowPreviousMonth = !minMonth \|\| previousMonth >= minMonth\n\t}\n\t@Watch(\"value\")\n\t@Watch(\"max\")\n\tsetAllowNextMonth() {\n\t\tconst nextMonth = isoly.Date.nextMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst maxMonth = this.max?.substring(0, 7)\n\t\tthis.allowNextMonth = !maxMonth \|\| nextMonth <= maxMonth\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.Date \| undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.year?.clear()\n\t\tthis.month?.clear()\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.year?.reset()\n\t\tthis.month?.reset()\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.year?.setInitialValue()\n\t\tthis.month?.setInitialValue()\n\t}\n\tinputHandler(event: CustomEvent<Record<string, any>>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tconst year = event.detail[`${this.name}-year`]\n\t\t\tconst month = event.detail[`${this.name}-month`]\n\t\t\tif (month && isoly.Date.is(month))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(month)\n\t\t\telse if (year && isoly.Date.is(year))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(year)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks?: Looks, color?: Color) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks, this.color)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: Editable) => void>): Promise<void> {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-back-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.readonly \|\| !this.allowPreviousMonth,\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={() => this.allowPreviousMonth && this.adjustMonth(-1)}\n\t\t\t\t/>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.year = e)}\n\t\t\t\t\tname={`${this.name}-year`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\tconst month = e.detail.value\n\t\t\t\t\t\tif (month && isoly.Date.is(month)) {\n\t\t\t\t\t\t\tconst value = isoly.Date.firstOfMonth(month)\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value })\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.years(this.value ?? isoly.Date.now(), this.min, this.max).map(year => (\n\t\t\t\t\t\t<smoothly-item key={year.date} value={year.date} selected={year.selected \|\| this.value == year.date}>\n\t\t\t\t\t\t\t{year.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.month = e)}\n\t\t\t\t\tname={`${this.name}-month`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\tconst year = e.detail.value\n\t\t\t\t\t\tif (year && isoly.Date.is(year)) {\n\t\t\t\t\t\t\tconst value = isoly.Date.firstOfMonth(year)\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value })\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.months(this.value ?? isoly.Date.now()).map(month => (\n\t\t\t\t\t\t<smoothly-item key={month.date} value={month.date} selected={month.selected \|\| this.value == month.date}>\n\t\t\t\t\t\t\t{month.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-forward-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{ disabled: this.readonly \|\| !this.allowNextMonth }}\n\t\t\t\t\tonClick={() => this.allowNextMonth && this.adjustMonth(1)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-753658b4.js → p-b4919dec.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { T as Trigger } from './p-57ac5d1b.js';
 import './p-390767c7.js';
 import './p-47ea6b68.js';
 import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-6f96e7ef.js';
+import { d as defineCustomElement$1 } from './p-ef0cb600.js';
 const styleCss = ".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
 const SmoothlyDialogStyle0 = styleCss;
@@ -66,4 +66,4 @@ defineCustomElement();
 export { SmoothlyDialog as S, defineCustomElement as d };
-//# sourceMappingURL=p-753658b4.js.map
+//# sourceMappingURL=p-b4919dec.js.map

package/dist/components/{p-753658b4.js.map → p-b4919dec.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~753658b4~~.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,qlEAAqlE,CAAC;AACvmE,6BAAe,QAAQ;;MCOV,cAAc;;;;;oBAEqB,IAAI;wBACf,KAAK;;;IAGzC,eAAe,CAAC,KAA2B;QAC1C,IAAI,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO;YAC3D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KAClB;IACD,QAAQ;QACP,OAAO;YACN,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM;aACrC;SACD,CAAA;KACD;IACD;QACC,QACC,kEACC,4DAAK,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACnD,CACnB,EACA,IAAI,CAAC,MAAM,GAAG,cAAK,IAAI,CAAC,MAAM,CAAM,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CACzD,EACN,4DAAK,KAAK,EAAC,SAAS,IACnB,8DAAQ,CACH,CACG,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/style.css?tag=smoothly-dialog&encapsulation=scoped","src/components/dialog/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 55%;\n left: 50%;\n transform: translate(-50%, -50%);\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 1;\n\t/* stylelint-disable-next-line declaration-no-important /\n\tbackground: rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > section {\n\tmargin-top: var(--smoothly-dialog-margin-top)\n}\n:host > section > div.header {\n\tborder-top-left-radius: 8px;\n\tborder-top-right-radius: 8px;\n\tmargin-top: 2em;\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-color));\n\tborder-color: rgb(var(--smoothly-primary-color));\n}\n:host:not([header]) div.header {\n\tborder: none;\n}\n\n:host > section > {\n\tposition: relative;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tbackground-color: rgb(var(--smoothly-default-color));\n\tborder-color: rgb(var(--smoothly-color));\n\tborder-width: 1px;\n\tborder-style: solid;\n\tmax-width: 40em;\n\twidth: calc(100vw - 4em - 2px);\n\tmax-height: calc(100vh - 6em - 2px);\n\theight: auto;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tborder-collapse: collapse;\n}\n:host > section > div.content {\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tmargin-bottom: 2em;\n\tborder: 1px solid rgb(var(--smoothly-default-contrast));\n\tbox-sizing: border-box;\n\toverflow: hidden;\n}\n:host:not([header]) >section> div.content {\n\tborder-radius: 8px;\n}\n:host > section > * > smoothly-trigger {\n\tposition: absolute;\n\tright: -2em;\n\ttop: -2em;\n\tz-index: 1;\n\tborder-color: transparent;\n}\n:host > section > * > smoothly-trigger:hover {\n\tborder-color: transparent;\n}\n:host > section > div.header > smoothly-trigger > smoothly-icon {\n\tbackground-color: rgb(var(--smoothly-color));\n\tborder-radius: 50%;\n}\n:host > section > * > * {\n\tmargin: 10px;\n}\n","import { Component, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-dialog\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialog {\n\t@Prop({ reflect: true }) color: Color \| undefined\n\t@Prop({ mutable: true, reflect: true }) open = true\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) header: string \| undefined\n\t@Listen(\"trigger\")\n\tTriggerListener(event: CustomEvent<Trigger>) {\n\t\tif (Trigger.is(event.detail) && event.detail.name == \"close\")\n\t\t\tthis.open = false\n\t}\n\thostData() {\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tdisplay: this.open ? \"block\" : \"none\",\n\t\t\t},\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<section>\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t{this.closable && (\n\t\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"close-circle\" fill=\"solid\" color={this.color} />\n\t\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.header ? <h1>{this.header}</h1> : <slot name=\"header\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b4919dec.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,qlEAAqlE,CAAC;AACvmE,6BAAe,QAAQ;;MCOV,cAAc;;;;;oBAEqB,IAAI;wBACf,KAAK;;;IAGzC,eAAe,CAAC,KAA2B;QAC1C,IAAI,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO;YAC3D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KAClB;IACD,QAAQ;QACP,OAAO;YACN,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM;aACrC;SACD,CAAA;KACD;IACD;QACC,QACC,kEACC,4DAAK,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACnD,CACnB,EACA,IAAI,CAAC,MAAM,GAAG,cAAK,IAAI,CAAC,MAAM,CAAM,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CACzD,EACN,4DAAK,KAAK,EAAC,SAAS,IACnB,8DAAQ,CACH,CACG,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/style.css?tag=smoothly-dialog&encapsulation=scoped","src/components/dialog/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 55%;\n left: 50%;\n transform: translate(-50%, -50%);\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 1;\n\t/* stylelint-disable-next-line declaration-no-important /\n\tbackground: rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > section {\n\tmargin-top: var(--smoothly-dialog-margin-top)\n}\n:host > section > div.header {\n\tborder-top-left-radius: 8px;\n\tborder-top-right-radius: 8px;\n\tmargin-top: 2em;\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-color));\n\tborder-color: rgb(var(--smoothly-primary-color));\n}\n:host:not([header]) div.header {\n\tborder: none;\n}\n\n:host > section > {\n\tposition: relative;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tbackground-color: rgb(var(--smoothly-default-color));\n\tborder-color: rgb(var(--smoothly-color));\n\tborder-width: 1px;\n\tborder-style: solid;\n\tmax-width: 40em;\n\twidth: calc(100vw - 4em - 2px);\n\tmax-height: calc(100vh - 6em - 2px);\n\theight: auto;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tborder-collapse: collapse;\n}\n:host > section > div.content {\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tmargin-bottom: 2em;\n\tborder: 1px solid rgb(var(--smoothly-default-contrast));\n\tbox-sizing: border-box;\n\toverflow: hidden;\n}\n:host:not([header]) >section> div.content {\n\tborder-radius: 8px;\n}\n:host > section > * > smoothly-trigger {\n\tposition: absolute;\n\tright: -2em;\n\ttop: -2em;\n\tz-index: 1;\n\tborder-color: transparent;\n}\n:host > section > * > smoothly-trigger:hover {\n\tborder-color: transparent;\n}\n:host > section > div.header > smoothly-trigger > smoothly-icon {\n\tbackground-color: rgb(var(--smoothly-color));\n\tborder-radius: 50%;\n}\n:host > section > * > * {\n\tmargin: 10px;\n}\n","import { Component, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-dialog\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialog {\n\t@Prop({ reflect: true }) color: Color \| undefined\n\t@Prop({ mutable: true, reflect: true }) open = true\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) header: string \| undefined\n\t@Listen(\"trigger\")\n\tTriggerListener(event: CustomEvent<Trigger>) {\n\t\tif (Trigger.is(event.detail) && event.detail.name == \"close\")\n\t\t\tthis.open = false\n\t}\n\thostData() {\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tdisplay: this.open ? \"block\" : \"none\",\n\t\t\t},\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<section>\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t{this.closable && (\n\t\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"close-circle\" fill=\"solid\" color={this.color} />\n\t\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.header ? <h1>{this.header}</h1> : <slot name=\"header\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-4f0ce21b.js → p-b52a6734.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$2 } from './p-604f869e.js';
-import { d as defineCustomElement$1 } from './p-6f96e7ef.js';
+import { d as defineCustomElement$1 } from './p-ef0cb600.js';
 const styleCss = ".sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}";
 const SmoothlyNotificationStyle0 = styleCss;
@@ -58,7 +58,7 @@ const Notification = proxyCustomElement(class Notification extends H {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: 'd73f9641d0d37113ec19891b5c9f59d8019230f8', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'e818ddd9455d8b7aca012be7c6a33f8942cb9a68', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'fe3e9e3f88077e060f333baf9fbddfea07c1e7be', name: "close-circle-outline" }))), h("span", { key: 'f89d90613b740f806201bd2298d40ba2cb994fc8', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'e773e024e416c84bec77fb891462b9b7c841824f', name: this.properties[1] }), h("p", { key: '4daa8f0c0e8b9ffc1f1ba786ad233c1264099bdc' }, this.notice.message))));
+        return (h(Host, { key: 'ea4244b7ad04c638e4bca7cd6c9aa550d1128401', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'baa7387b56bda4232d59cbd83fc1477b1f728c10', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'ab42df6a7cbc5a04a781c7a48c9146b137f540dd', name: "close-circle-outline" }))), h("span", { key: '4e9b253ffd09e188816ceabffa08ab8e138e87a6', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '35a676710dc5deeeee38a21a345e297e83fff3b3', name: this.properties[1] }), h("p", { key: '1fae910be7ea1e55253e08f50d0d064e20eaac91' }, this.notice.message))));
     }
     static get watchers() { return {
         "notice": ["onUpdatedNotice"]
@@ -99,4 +99,4 @@ defineCustomElement();
 export { Notification as N, defineCustomElement as d };
-//# sourceMappingURL=p-4f0ce21b.js.map
+//# sourceMappingURL=p-b52a6734.js.map

package/dist/components/{p-4f0ce21b.js.map → p-b52a6734.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~4f0ce21b~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,siCAAsiC,CAAC;AACxjC,mCAAe,QAAQ;;MCSV,YAAY;;;;;QAMhB,aAAQ,GAAoB,MAAM;YACzC,IAAI,MAAM,CAAC,KAAK,IAAI,QAAQ;gBAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;gBAExB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;SACf,CAAA;;wBATkB,IAAI;;oBAEP,EAAE;;IAQlB,IAAY,UAAU;QACrB,IAAI,MAAiC,CAAA;QACrC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK;YACxB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;gBACnC,MAAK;YACN;gBACC,MAAM,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;gBAC7B,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;IAGD,SAAS,CAAC,KAA2B;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;SACnB;KACD;IAGD,eAAe,CAAC,QAAgB,EAAE,QAAiB;QAClD,IAAI,QAAQ;YACX,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACjC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC9B;IACD,gBAAgB;QACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KACjC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,IAC3C,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,sBAAsB,GAAG,CAC3B,CACnB,EACD,6DAAM,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,IACvC,IAAI,CAAC,IAAI,IAAI,sEAAe,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,EACzD,4DAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAK,CACtB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/style.css?tag=smoothly-notification&encapsulation=scoped","src/components/notification/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: relative;\n\tmin-width: min(calc(100% - 1rem), 30rem);\n\tmin-height: 3rem;\n\tborder-radius: 5px;\n\tmargin: 0.5rem;\n}\n:host > span.icon > smoothly-icon,\n:host > span.clean {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-self: center;\n}\n:host > span {\n\tmargin-inline: 1rem 2rem;\n}\n:host > span.icon {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n}\n:host > span.icon > p {\n\tpadding-right: 1em;\n}\n:host > span > p {\n\ttext-align: left;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > span.icon > smoothly-icon {\n\tmargin: 0 0.5rem;\n}\n:host > smoothly-trigger {\n\t--smoothly-icon-size: 1.6rem;\n\tposition: absolute;\n\tright: 0;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Notice, Trigger } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notification\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notification {\n\t@Prop() notice: Notice\n\t@Prop() closable = true\n\t@Prop() icon: boolean\n\t@State() tick = {}\n\t@Event() remove: EventEmitter<Notice>\n\tprivate listener: Notice.Listener = notice => {\n\t\tif (notice.state == \"closed\")\n\t\t\tthis.remove.emit(notice)\n\t\telse\n\t\t\tthis.tick = {}\n\t}\n\tprivate get properties(): [Color, Icon \| undefined] {\n\t\tlet result: [Color, Icon \| undefined]\n\t\tswitch (this.notice.state) {\n\t\t\tcase \"delayed\":\n\t\t\tcase \"warning\":\n\t\t\t\tresult = [\"warning\", \"warning-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"success\":\n\t\t\t\tresult = [\"success\", \"checkmark-circle\"]\n\t\t\t\tbreak\n\t\t\tcase \"executing\":\n\t\t\t\tresult = [\"light\", \"hourglass-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"failed\":\n\t\t\t\tresult = [\"danger\", \"alert-circle\"]\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = [\"light\", undefined]\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n\n\t@Listen(\"trigger\")\n\tonTrigger(event: CustomEvent<Trigger>) {\n\t\tif (event.detail.name == \"close\") {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.notice.close()\n\t\t}\n\t}\n\n\t@Watch(\"notice\")\n\tonUpdatedNotice(newValue: Notice, oldValue?: Notice) {\n\t\tif (oldValue)\n\t\t\toldValue.unlisten(this.listener)\n\t\tnewValue.listen(this.listener)\n\t}\n\tcomponentDidLoad() {\n\t\tthis.onUpdatedNotice(this.notice)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host color={this.properties[0]} fill=\"solid\">\n\t\t\t\t{this.closable && (\n\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t<smoothly-icon name=\"close-circle-outline\" />\n\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t)}\n\t\t\t\t<span class={this.icon ? \"icon\" : \"clean\"}>\n\t\t\t\t\t{this.icon && <smoothly-icon name={this.properties[1]} />}\n\t\t\t\t\t<p>{this.notice.message}</p>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b52a6734.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,siCAAsiC,CAAC;AACxjC,mCAAe,QAAQ;;MCSV,YAAY;;;;;QAMhB,aAAQ,GAAoB,MAAM;YACzC,IAAI,MAAM,CAAC,KAAK,IAAI,QAAQ;gBAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;gBAExB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;SACf,CAAA;;wBATkB,IAAI;;oBAEP,EAAE;;IAQlB,IAAY,UAAU;QACrB,IAAI,MAAiC,CAAA;QACrC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK;YACxB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;gBACnC,MAAK;YACN;gBACC,MAAM,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;gBAC7B,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;IAGD,SAAS,CAAC,KAA2B;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;SACnB;KACD;IAGD,eAAe,CAAC,QAAgB,EAAE,QAAiB;QAClD,IAAI,QAAQ;YACX,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACjC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC9B;IACD,gBAAgB;QACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KACjC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,IAC3C,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,sBAAsB,GAAG,CAC3B,CACnB,EACD,6DAAM,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,IACvC,IAAI,CAAC,IAAI,IAAI,sEAAe,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,EACzD,4DAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAK,CACtB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/style.css?tag=smoothly-notification&encapsulation=scoped","src/components/notification/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: relative;\n\tmin-width: min(calc(100% - 1rem), 30rem);\n\tmin-height: 3rem;\n\tborder-radius: 5px;\n\tmargin: 0.5rem;\n}\n:host > span.icon > smoothly-icon,\n:host > span.clean {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-self: center;\n}\n:host > span {\n\tmargin-inline: 1rem 2rem;\n}\n:host > span.icon {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n}\n:host > span.icon > p {\n\tpadding-right: 1em;\n}\n:host > span > p {\n\ttext-align: left;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > span.icon > smoothly-icon {\n\tmargin: 0 0.5rem;\n}\n:host > smoothly-trigger {\n\t--smoothly-icon-size: 1.6rem;\n\tposition: absolute;\n\tright: 0;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Notice, Trigger } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notification\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notification {\n\t@Prop() notice: Notice\n\t@Prop() closable = true\n\t@Prop() icon: boolean\n\t@State() tick = {}\n\t@Event() remove: EventEmitter<Notice>\n\tprivate listener: Notice.Listener = notice => {\n\t\tif (notice.state == \"closed\")\n\t\t\tthis.remove.emit(notice)\n\t\telse\n\t\t\tthis.tick = {}\n\t}\n\tprivate get properties(): [Color, Icon \| undefined] {\n\t\tlet result: [Color, Icon \| undefined]\n\t\tswitch (this.notice.state) {\n\t\t\tcase \"delayed\":\n\t\t\tcase \"warning\":\n\t\t\t\tresult = [\"warning\", \"warning-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"success\":\n\t\t\t\tresult = [\"success\", \"checkmark-circle\"]\n\t\t\t\tbreak\n\t\t\tcase \"executing\":\n\t\t\t\tresult = [\"light\", \"hourglass-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"failed\":\n\t\t\t\tresult = [\"danger\", \"alert-circle\"]\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = [\"light\", undefined]\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n\n\t@Listen(\"trigger\")\n\tonTrigger(event: CustomEvent<Trigger>) {\n\t\tif (event.detail.name == \"close\") {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.notice.close()\n\t\t}\n\t}\n\n\t@Watch(\"notice\")\n\tonUpdatedNotice(newValue: Notice, oldValue?: Notice) {\n\t\tif (oldValue)\n\t\t\toldValue.unlisten(this.listener)\n\t\tnewValue.listen(this.listener)\n\t}\n\tcomponentDidLoad() {\n\t\tthis.onUpdatedNotice(this.notice)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host color={this.properties[0]} fill=\"solid\">\n\t\t\t\t{this.closable && (\n\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t<smoothly-icon name=\"close-circle-outline\" />\n\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t)}\n\t\t\t\t<span class={this.icon ? \"icon\" : \"clean\"}>\n\t\t\t\t\t{this.icon && <smoothly-icon name={this.properties[1]} />}\n\t\t\t\t\t<p>{this.notice.message}</p>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-3abf736a.js → p-b5752ca0.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$7 } from './p-76531b32.js';
-import { d as defineCustomElement$6 } from './p-753658b4.js';
+import { d as defineCustomElement$6 } from './p-b4919dec.js';
 import { d as defineCustomElement$5 } from './p-d8e3f8c5.js';
 import { d as defineCustomElement$4 } from './p-604f869e.js';
-import { d as defineCustomElement$3 } from './p-dea4659e.js';
-import { d as defineCustomElement$2 } from './p-04b312ca.js';
-import { d as defineCustomElement$1 } from './p-6f96e7ef.js';
+import { d as defineCustomElement$3 } from './p-c3625434.js';
+import { d as defineCustomElement$2 } from './p-f4a54d1b.js';
+import { d as defineCustomElement$1 } from './p-ef0cb600.js';
 const styleCss = ".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";
 const SmoothlyDialogDemoStyle0 = styleCss;
@@ -79,4 +79,4 @@ defineCustomElement();
 export { SmoothlyDialogDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-3abf736a.js.map
+//# sourceMappingURL=p-b5752ca0.js.map

package/dist/components/{p-3abf736a.js.map → p-b5752ca0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~3abf736a~~.js","mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qGAAqG,CAAC;AACvH,iCAAe,QAAQ;;MCMV,kBAAkB;;;;yBACT,KAAK;6BACD,KAAK;yBACT,KAAK;;IAE1B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAEhE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iDAEpE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,iBAE3E,EAElB,uEAAgB,QAAQ,QAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IACrG,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,+GAA0D,EAC1D,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,cAE7B,EAClB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAElF,CACF,EAEjB,uEACC,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,EAC3D,KAAK,EAAC,KAAK,IACX,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,2EACC,4DAAK,IAAI,EAAC,SAAS,kBAAkB,EACrC,4DAAK,IAAI,EAAC,SAAS,IACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAC/B,6cAMI,CACJ,CAAC,CACG,CACY,EACnB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAEtF,CACF,EAEhB,IAAI,CAAC,SAAS,KACd,wEAAiB,QAAQ,UACxB,uEAAgB,GAAG,EAAC,4BAA4B,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC3E,CAClB,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/demo/style.css?tag=smoothly-dialog-demo&encapsulation=scoped","src/components/dialog/demo/index.tsx"],"sourcesContent":["\n:host > smoothly-button {\n\tdisplay: block;\n\tmargin-block: 2rem;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-dialog-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialogDemo {\n\t@State() openModal = false\n\t@State() openTallModal = false\n\t@State() showFrame = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openModal = true)}>\n\t\t\t\t\tOpen Modal\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openTallModal = true)}>\n\t\t\t\t\tOpen Modal with long text and top-aligned.\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.showFrame = !this.showFrame)}>\n\t\t\t\t\tShow Frame\n\t\t\t\t</smoothly-button>\n\n\t\t\t\t<smoothly-modal closable open={this.openModal} onSmoothlyModalChange={e => (this.openModal = e.detail)}>\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<span>Are you sure you want to confirm this action?</span>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"success\">\n\t\t\t\t\t\tConfirm\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t<smoothly-modal\n\t\t\t\t\tclosable\n\t\t\t\t\topen={this.openTallModal}\n\t\t\t\t\tonSmoothlyModalChange={e => (this.openTallModal = e.detail)}\n\t\t\t\t\talign=\"top\">\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<div slot=\"summary\">Lorem ipsum</div>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t{Array.from({ length: 10 }).map(() => (\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n\t\t\t\t\t\t\t\t\taliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum\n\t\t\t\t\t\t\t\t\tdolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui\n\t\t\t\t\t\t\t\t\tofficia deserunt mollit anim id est laborum.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openTallModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t{this.showFrame && (\n\t\t\t\t\t<smoothly-dialog closable>\n\t\t\t\t\t\t<smoothly-frame url=\"https://www.wikipedia.org/\" name=\"parent\" style={{ height: \"80vh\" }} />\n\t\t\t\t\t</smoothly-dialog>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b5752ca0.js","mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qGAAqG,CAAC;AACvH,iCAAe,QAAQ;;MCMV,kBAAkB;;;;yBACT,KAAK;6BACD,KAAK;yBACT,KAAK;;IAE1B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAEhE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iDAEpE,EAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,iBAE3E,EAElB,uEAAgB,QAAQ,QAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IACrG,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,+GAA0D,EAC1D,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,cAE7B,EAClB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAElF,CACF,EAEjB,uEACC,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,EAC3D,KAAK,EAAC,KAAK,IACX,2DAAI,IAAI,EAAC,QAAQ,YAAW,EAC5B,2EACC,4DAAK,IAAI,EAAC,SAAS,kBAAkB,EACrC,4DAAK,IAAI,EAAC,SAAS,IACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAC/B,6cAMI,CACJ,CAAC,CACG,CACY,EACnB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAEtF,CACF,EAEhB,IAAI,CAAC,SAAS,KACd,wEAAiB,QAAQ,UACxB,uEAAgB,GAAG,EAAC,4BAA4B,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC3E,CAClB,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/demo/style.css?tag=smoothly-dialog-demo&encapsulation=scoped","src/components/dialog/demo/index.tsx"],"sourcesContent":["\n:host > smoothly-button {\n\tdisplay: block;\n\tmargin-block: 2rem;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-dialog-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialogDemo {\n\t@State() openModal = false\n\t@State() openTallModal = false\n\t@State() showFrame = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openModal = true)}>\n\t\t\t\t\tOpen Modal\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openTallModal = true)}>\n\t\t\t\t\tOpen Modal with long text and top-aligned.\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.showFrame = !this.showFrame)}>\n\t\t\t\t\tShow Frame\n\t\t\t\t</smoothly-button>\n\n\t\t\t\t<smoothly-modal closable open={this.openModal} onSmoothlyModalChange={e => (this.openModal = e.detail)}>\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<span>Are you sure you want to confirm this action?</span>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"success\">\n\t\t\t\t\t\tConfirm\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t<smoothly-modal\n\t\t\t\t\tclosable\n\t\t\t\t\topen={this.openTallModal}\n\t\t\t\t\tonSmoothlyModalChange={e => (this.openTallModal = e.detail)}\n\t\t\t\t\talign=\"top\">\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<div slot=\"summary\">Lorem ipsum</div>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t{Array.from({ length: 10 }).map(() => (\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n\t\t\t\t\t\t\t\t\taliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum\n\t\t\t\t\t\t\t\t\tdolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui\n\t\t\t\t\t\t\t\t\tofficia deserunt mollit anim id est laborum.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openTallModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t{this.showFrame && (\n\t\t\t\t\t<smoothly-dialog closable>\n\t\t\t\t\t\t<smoothly-frame url=\"https://www.wikipedia.org/\" name=\"parent\" style={{ height: \"80vh\" }} />\n\t\t\t\t\t</smoothly-dialog>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-2779565d.js → p-b80060f3.js} RENAMED Viewed

@@ -23,7 +23,7 @@ const SmoothlyTableExpandableRow = proxyCustomElement(class SmoothlyTableExpanda
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '9603b69ce76a615c1c91b21b054de6389055526d', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '7631b20efae2ceea71463076b523812497f17a67' }), h("div", { key: '4542ab2e3255a5ea8e93b94b2a1b20670a85fcdb', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '125b820867a4a936718ab8de9a8765166020c52a', name: "detail" }))));
+        return (h(Host, { key: 'ae27b65b5ebf518c5afba7d78ec3b5be5d83c0e3', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'c884d562c7fc983afb22d72eb8558fb9e438a371' }), h("div", { key: 'bedb61aef7a4896998fe7407085640ca48e88cf0', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: 'f1d5a85b14fb7fe04cf86b4a90d3f90df314cfa5', name: "detail" }))));
     }
     static get watchers() { return {
         "open": ["openChange"]
@@ -51,4 +51,4 @@ defineCustomElement();
 export { SmoothlyTableExpandableRow as S, defineCustomElement as d };
-//# sourceMappingURL=p-2779565d.js.map
+//# sourceMappingURL=p-b80060f3.js.map

package/dist/components/{p-2779565d.js.map → p-b80060f3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~2779565d~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,igHAAigH,CAAC;AACnhH,yCAAe,QAAQ;;MCMV,0BAA0B;;;;;oBAES,KAAK;;IAGpD,YAAY,CAAC,KAAiB;;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC3E,IAAI,CAAC,eAAe,EAAE;YACrB,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,YAAY,EAAE,0CAAE,QAAQ,GAAG,IAAI,EAAE,CAAA;YAC1D,IAAI,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,mCAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;SACvB;KACD;IAED,UAAU;QACT,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACrD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IACrD,8DAAQ,EACR,4DAAK,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,IAC5D,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/row/style.scss?tag=smoothly-table-expandable-row&encapsulation=scoped","src/components/table/expandable/row/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-template-rows: auto 0fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host::slotted(.smoothly-table-cell) {\n\tgrid: subgrid;\n\tcursor: pointer;\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\twhite-space: nowrap;\n}\n\n:host:has(>.smoothly-table-cell:hover) {\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n}\n\n:host[open] {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tgrid-template-rows: auto 1fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border)),\n\t\t0px 0px 1px rgb(var(--smoothly-table-border)) inset;\n\tgrid-template-rows: 0fr 1fr;\n}\n\n:host(:not([open])) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tcursor: default;\n\tposition: relative;\n\toverflow: hidden;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host > .smoothly-table-cell:first-of-type {\n\t@include arrow;\n}\n\n:host:has(>.smoothly-table-cell:hover) > .smoothly-table-cell:first-of-type {\n\t@include arrow-hover;\n}\n\n:host[open] > .smoothly-table-cell:first-of-type {\n\t@include arrow-open;\n}\n\n:host[open] > div.smoothly-table-detail {\n\toverflow: visible;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-row\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableRow {\n\tprivate div?: HTMLDivElement\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableRowChange: EventEmitter<boolean>\n\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.div && event.composedPath().includes(this.div)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0)\n\t\t\t\tthis.open = !this.open\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableRowChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<slot />\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={e => (this.div = e)}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b80060f3.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,igHAAigH,CAAC;AACnhH,yCAAe,QAAQ;;MCMV,0BAA0B;;;;;oBAES,KAAK;;IAGpD,YAAY,CAAC,KAAiB;;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC3E,IAAI,CAAC,eAAe,EAAE;YACrB,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,YAAY,EAAE,0CAAE,QAAQ,GAAG,IAAI,EAAE,CAAA;YAC1D,IAAI,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,mCAAI,CAAC,KAAK,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;SACvB;KACD;IAED,UAAU;QACT,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACrD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IACrD,8DAAQ,EACR,4DAAK,KAAK,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,IAC5D,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/row/style.scss?tag=smoothly-table-expandable-row&encapsulation=scoped","src/components/table/expandable/row/index.tsx"],"sourcesContent":["@import \"../arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-template-rows: auto 0fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host::slotted(.smoothly-table-cell) {\n\tgrid: subgrid;\n\tcursor: pointer;\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\twhite-space: nowrap;\n}\n\n:host:has(>.smoothly-table-cell:hover) {\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n}\n\n:host[open] {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tgrid-template-rows: auto 1fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border)),\n\t\t0px 0px 1px rgb(var(--smoothly-table-border)) inset;\n\tgrid-template-rows: 0fr 1fr;\n}\n\n:host(:not([open])) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tcursor: default;\n\tposition: relative;\n\toverflow: hidden;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host > .smoothly-table-cell:first-of-type {\n\t@include arrow;\n}\n\n:host:has(>.smoothly-table-cell:hover) > .smoothly-table-cell:first-of-type {\n\t@include arrow-hover;\n}\n\n:host[open] > .smoothly-table-cell:first-of-type {\n\t@include arrow-open;\n}\n\n:host[open] > div.smoothly-table-detail {\n\toverflow: visible;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-row\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableRow {\n\tprivate div?: HTMLDivElement\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableRowChange: EventEmitter<boolean>\n\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.div && event.composedPath().includes(this.div)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0)\n\t\t\t\tthis.open = !this.open\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableRowChange.emit(this.open)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<slot />\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={e => (this.div = e)}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a4614780.js → p-bb65b34c.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const SmoothlyThemeColor = proxyCustomElement(class SmoothlyThemeColor extends H
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: 'f3eba30077b65211b490fe7ae2730e8882a0688b' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
+        return (h(Host, { key: '77b0f0369453745d0d109f3a299d08d8e1ce8442' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
     }
     static get style() { return SmoothlyThemeColorStyle0; }
 }, [2, "smoothly-theme-color", {
@@ -39,4 +39,4 @@ defineCustomElement();
 export { SmoothlyThemeColor as S, defineCustomElement as d };
-//# sourceMappingURL=p-a4614780.js.map
+//# sourceMappingURL=p-bb65b34c.js.map

package/dist/components/{p-a4614780.js.map → p-bb65b34c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~a4614780~~.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,qKAAqK,CAAC;AACvL,iCAAe,QAAQ;;MCOV,kBAAkB;;;;;;IAE9B,MAAM;QACL,QACC,EAAC,IAAI,uDACH,IAAI,CAAC,KAAK,EACT,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAW,CAAC,GAAG,CAAC,OAAO,KACjD,oCAA8B,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CACxG,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/color/style.css?tag=smoothly-theme-color&encapsulation=scoped","src/components/theme/color/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n}\n:host > :first-child {\n\tmargin-top: 0.2rem;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\nimport { Color } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-theme-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColor {\n\t@Prop() color: Color\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t{this.color}\n\t\t\t\t{([\"tint\", \"color\", \"shade\"] as const).map(variant => (\n\t\t\t\t\t<smoothly-theme-color-variant title={`${this.color} ${variant}`} color={this.color} variant={variant} />\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-bb65b34c.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,qKAAqK,CAAC;AACvL,iCAAe,QAAQ;;MCOV,kBAAkB;;;;;;IAE9B,MAAM;QACL,QACC,EAAC,IAAI,uDACH,IAAI,CAAC,KAAK,EACT,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAW,CAAC,GAAG,CAAC,OAAO,KACjD,oCAA8B,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CACxG,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/color/style.css?tag=smoothly-theme-color&encapsulation=scoped","src/components/theme/color/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n}\n:host > :first-child {\n\tmargin-top: 0.2rem;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\nimport { Color } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-theme-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColor {\n\t@Prop() color: Color\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t{this.color}\n\t\t\t\t{([\"tint\", \"color\", \"shade\"] as const).map(variant => (\n\t\t\t\t\t<smoothly-theme-color-variant title={`${this.color} ${variant}`} color={this.color} variant={variant} />\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}