npm - smoothly - Versions diffs - 1.4.0 → 1.5.0 - Mend

smoothly 1.4.0 → 1.5.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 (445) hide show

package/dist/components/{p-a95bab7d.js.map → p-1d36d047.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-a95bab7d.js","mappings":"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","names":[],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/ ↓ This is the column span. only needed if span != 1 /\n\tgrid-column: span 1;\n\t/ it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-1d36d047.js","mappings":"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","names":[],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/ ↓ This is the column span. only needed if span != 1 /\n\tgrid-column: span 1;\n\t/ it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-95439799.js → p-1e8fa07d.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { I as Input } from './p-16c06f14.js';
-import { d as defineCustomElement$2 } from './p-0eacf5f4.js';
-import { d as defineCustomElement$1 } from './p-e6eca6ea.js';
+import { I as Input } from './p-ed1e7da4.js';
+import { d as defineCustomElement$2 } from './p-c98922f4.js';
+import { d as defineCustomElement$1 } from './p-a09be6d8.js';
 const styleCss = ".sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h,.sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:pointer}[readonly].sc-smoothly-input-file-h,[readonly].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
 const SmoothlyInputFileStyle0 = styleCss;
@@ -113,7 +113,7 @@ const SmoothlyInputFile = proxyCustomElement(class SmoothlyInputFile extends H {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'fd024c3fb839f3d9b444b09c3b55dcd96c4139df', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: '636345d960e05bc6e7299c1c306cfd763ad78c32' }, h("slot", { key: '911d9215654b918bdb843269c5392523c97337a8', name: "label" })), h("div", { key: 'f54718991c82336e4fe2f3a6f8a84cc52da635b8', class: "input" }, h("smoothly-button", { key: '55c379187cf9d59ffee497075bb8ee6576d99740', type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '3b6ab18c1ab0fb76a4c7151054415b95815876b9', name: "button" })), h("span", { key: '7901e7c5cd0b8344474e18746288bc14f103ee04' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '4c435365bee82aac9459a6d86b201225065ec3a4', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '83c7cfdd671c04e48f6b95cac4b9ab1429a07caf', name: "document-attach-outline" })), h("input", { key: 'cfc2bafb8d4b9b5af6d6b9f1f17d1312b3dfea68', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("div", { key: '4d125c84153bf6f60d40de857043bc6a53932361', class: "end", onClick: (e) => e.stopPropagation() }, h("slot", { key: '4d59248a3b753b10e785cebe9dc77fbd79b01ac0', name: "end" }))));
+        return (h(Host, { key: '4e378111db0e10663f7a66d87cae73136fef9bb2', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: '32b422053ae2c0f784e253b201f54a9c234e23d2' }, h("slot", { key: '2e8353bacb424ae6e9e80c7de566baadc0e4cd4a', name: "label" })), h("div", { key: '6802b6824a3434f972ed760e61122582eef6c2a1', class: "input" }, h("smoothly-button", { key: '7b4edbef075ce51a50b3d61ebd0df858ce25afee', type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '35dc27313c8e9d7463e4cc1a924dcdc3a5414fd8', name: "button" })), h("span", { key: '113ccb707f133856df9a6f2c707db99adcf9af42' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: 'a128670edafc51b44e0bfb1d092f0d6a8eb20dea', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '24c5da9c87f099c6998c911a01a6e2c150a71795', name: "document-attach-outline" })), h("input", { key: '896fe0eba364441816f4f16b2a6585baba195ced', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("div", { key: 'd8a0d4950ce1846166cf16166437c166839ef201', class: "end", onClick: (e) => e.stopPropagation() }, h("slot", { key: '06bb474570c901cc3fe00e2de5404c3d37cb836c', name: "end" }))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -171,4 +171,4 @@ defineCustomElement();
 export { SmoothlyInputFile as S, defineCustomElement as d };
-//# sourceMappingURL=p-95439799.js.map
+//# sourceMappingURL=p-1e8fa07d.js.map

package/dist/components/{p-95439799.js.map → p-1e8fa07d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-95439799.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,8xJAA8xJ,CAAC;AAChzJ,gCAAe,QAAQ;;MCyBV,iBAAiB;;;;;;;;QAkBrB,aAAQ,GAAsD,EAAE,CAAA;QAChE,aAAQ,GAAiB,IAAI,YAAY,EAAE,CAAA;uBAjBhB,KAAK;wBACW,KAAK;;;;;;yBAMnB,IAAI;;;wBAGrB,KAAK;;IAWzB,IAAY,KAAK;QAChB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QAC3B,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACjD,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA;KAC1B;IAED,MAAM,iBAAiB;QACtB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAC3B,CAAC,KAAK,EAAE,KAAK,eAAK,QAAC,CAAC,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EAAC,EAAA,CAC3F,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;QAC/D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;QAC7D,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAA;KACvF;IACD,MAAM,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW;YAC5B,MAAM,IAAI,CAAC,UAAU,EAAE,CAAA;KACxB;IAED,MAAM,QAAQ;QACb,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;KACnB;IAED,MAAM,UAAU;QACf,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KACtB;IAED,MAAM,QAAQ;QACb,OAAO,IAAI,CAAC,KAAK,CAAA;KACjB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;KACtB;IAED,wBAAwB,CAAC,KAAuD;QAC/E,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;KACpC;IAED,MAAM,MAAM,CAAC,QAAmB,EAAE,QAA6C;QAC9E,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAA;QAClC,QAAQ,CAAC,IAAI,CAAC,CAAA;KACd;IAED,MAAM,IAAI,CAAC,QAAiB;QAC3B,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAA;KACzB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA;KAC9B;IAED,MAAM,eAAe;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,IAAI,CAAC,YAAY,EAAE,CAAA;KACnB;IAED,MAAM,MAAM;QACX,OAAO,IAAI,CAAA;KACX;IAGD,MAAM,YAAY;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAA;QAC/C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;KAC/D;IAED,YAAY,CAAC,KAAY;;QACxB,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,0CAAE,MAAM;YAC5B,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,CAAC,CAAC,CAAC,CAAA;KAClC;IACD,WAAW,CAAC,KAAgB;;QAC3B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;QACrB,IAAI,MAAA,KAAK,CAAC,YAAY,0CAAE,KAAK,CAAC,MAAM;YACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;KACzC;IACD,YAAY,CAAC,KAAiB;;QAC7B,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE;YACjF,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA;SACnB;KACD;IACD,eAAe,CAAC,KAAgB;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;KACvB;IACD,gBAAgB,CAAC,KAAgB;QAChC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;KACxC;IACD,gBAAgB,CAAC,KAAgB;QAChC,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;KACrB;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,EAC7D,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,CAAa,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAChD,UAAU,EAAE,CAAC,CAAY,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACrD,WAAW,EAAE,CAAC,CAAY,KAAK,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IACvD,gEACC,6DAAM,IAAI,EAAE,OAAO,GAAI,CAChB,EACR,4DAAK,KAAK,EAAC,OAAO,IACjB,wEAAiB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,IACjF,6DAAM,IAAI,EAAE,QAAQ,GAAI,CACP,EAClB,+DAAO,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,mCAAI,IAAI,CAAC,WAAW,CAAQ,EACnD,4DAAK,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IACvG,sEAAe,IAAI,EAAE,yBAAyB,GAAI,CAC7C,EACN,8DACC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,EACtC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,MAAM,IAAI,MAAM,GAAG,aAAa,GAAG,MAAM,EACvD,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,oCAAK,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC,EAChE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GACjC,CACG,EACN,4DAAK,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,CAAa,KAAK,CAAC,CAAC,eAAe,EAAE,IAC/D,6DAAM,IAAI,EAAC,KAAK,GAAG,CACd,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host,\n:host * {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly] * {\n\tcursor: not-allowed;\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 { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" \| \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string \| undefined\n\t@State() dragging = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable \| undefined\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\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<File \| undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\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.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.changed = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length)\n\t\t\tthis.value = this.input?.files[0]\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length)\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"end\" onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-1e8fa07d.js","mappings":"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","names":[],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host,\n:host * {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly] * {\n\tcursor: not-allowed;\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 { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" \| \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string \| undefined\n\t@State() dragging = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable \| undefined\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\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<File \| undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\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.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.changed = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length)\n\t\t\tthis.value = this.input?.files[0]\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length)\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"end\" onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-940e5b8e.js → p-1eab7079.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { p as parse } from './p-caf09da9.js';
-import { d as defineCustomElement$2 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$1 } from './p-0fb1eac0.js';
+import { d as defineCustomElement$2 } from './p-a09be6d8.js';
+import { d as defineCustomElement$1 } from './p-cef759f2.js';
 const styleCss = ".sc-smoothly-filter-field-h{flex-grow:5}";
 const SmoothlyFilterFieldStyle0 = styleCss;
@@ -26,7 +26,7 @@ const SmoothlyFilterField = proxyCustomElement(class SmoothlyFilterField extends
         this.value = event.detail.filter;
     }
     render() {
-        return (h(Host, { key: '247786bb8724ddcd5344cc02bb4f36e13737e43e' }, h("smoothly-input", { key: '3b8088c08cf3a7671b8b9b33e48ac133b7d4fe14', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyKeydown: e => {
+        return (h(Host, { key: '00a08a31c67448ba06e7b57cce3b88b240c715ba' }, h("smoothly-input", { key: 'a5ee71ef5672d4add5e99ccb2ffd3d4293cb778e', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyKeydown: e => {
                 e.stopPropagation();
                 e.detail.key == "Enter" && this.filterFieldEmit();
             }, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => {
@@ -66,4 +66,4 @@ defineCustomElement();
 export { SmoothlyFilterField as S, defineCustomElement as d };
-//# sourceMappingURL=p-940e5b8e.js.map
+//# sourceMappingURL=p-1eab7079.js.map

package/dist/components/{p-940e5b8e.js.map → p-1eab7079.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~940e5b8e~~.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCQV,mBAAmB;;;;;QAEvB,UAAK,GAAW,EAAE,CAAA;;;IAI1B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KAClE;IACD,WAAW,CAAC,KAAwB;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,MAAgB,CAAA;KAC1C;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,iBAAiB,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,CAAA;aACjD,EACD,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EACxC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Data } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement \| undefined\n\tprivate value: string = \"\"\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.value ?? \"\"))\n\t}\n\tupdateValue(event: CustomEvent<Data>) {\n\t\tthis.value = event.detail.filter as string\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyKeydown={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.detail.key == \"Enter\" && this.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.updateValue(e)\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-1eab7079.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCQV,mBAAmB;;;;;QAEvB,UAAK,GAAW,EAAE,CAAA;;;IAI1B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KAClE;IACD,WAAW,CAAC,KAAwB;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,MAAgB,CAAA;KAC1C;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,iBAAiB,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,CAAA;aACjD,EACD,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EACxC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Data } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement \| undefined\n\tprivate value: string = \"\"\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.value ?? \"\"))\n\t}\n\tupdateValue(event: CustomEvent<Data>) {\n\t\tthis.value = event.detail.filter as string\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyKeydown={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.detail.key == \"Enter\" && this.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.updateValue(e)\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-d0935bef.js → p-28dac8ac.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f765921a.js';
 import { A as And, P as Property, c as Is, b as property, N as Not, n as not, a as and } from './p-caf09da9.js';
 import { i as is } from './p-5ae9e20e.js';
-import { d as defineCustomElement$1 } from './p-e6eca6ea.js';
+import { d as defineCustomElement$1 } from './p-a09be6d8.js';
 const styleCss = ".sc-smoothly-filter-toggle-h{position:relative;display:inline-block;cursor:pointer}.sc-smoothly-filter-toggle-h:hover>smoothly-icon.sc-smoothly-filter-toggle{stroke:rgb(var(--smoothly-success-tint));color:rgb(var(--smoothly-success-tint));fill:rgb(var(--smoothly-success-tint))}[flip].sc-smoothly-filter-toggle-h{transform:scaleX(-1)}";
 const SmoothlyFilterToggleStyle0 = styleCss;
@@ -82,7 +82,7 @@ const SmoothlyFilterToggle = proxyCustomElement(class SmoothlyFilterToggle exten
             (rest.length == 0 || (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(".")))));
     }
     render() {
-        return (h("smoothly-icon", { key: '087ba0fc1cce503a6cf10665e89ca279075fcee7', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
+        return (h("smoothly-icon", { key: '638c257f2401426e232d2016bb979b98c5f56829', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
     }
     static get style() { return SmoothlyFilterToggleStyle0; }
 }, [2, "smoothly-filter-toggle", {
@@ -115,4 +115,4 @@ defineCustomElement();
 export { SmoothlyFilterToggle as S, defineCustomElement as d };
-//# sourceMappingURL=p-d0935bef.js.map
+//# sourceMappingURL=p-28dac8ac.js.map

package/dist/components/{p-d0935bef.js.map → p-28dac8ac.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~d0935bef~~.js","mappings":"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","names":["selectively.And","selectively.Not","selectively.Property","selectively.Is","selectively.not","selectively.and","property","selectively.property","selectively.is"],"sources":["src/components/filter/toggle/style.css?tag=smoothly-filter-toggle&encapsulation=scoped","src/components/filter/toggle/index.tsx"],"sourcesContent":[":host {\n\tposition: relative;\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n:host:hover>smoothly-icon {\n\tstroke: rgb(var(--smoothly-success-tint));\n\tcolor: rgb(var(--smoothly-success-tint));\n\tfill: rgb(var(--smoothly-success-tint));\n}\n\n:host[flip] {\n\ttransform: scaleX(-1);\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Icon } from \"../../../model\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-toggle\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterToggle {\n\t@Prop() icon: Icon\n\t@Prop() properties: Record<string, string>\n\t@Prop() toolTip: string\n\t@Prop() not: boolean\n\t@Prop({ reflect: true }) flip = false\n\t@Prop({ mutable: true }) active = false\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\tcomponentWillLoad() {\n\t\tthis.active && this.activeHandler()\n\t}\n\tcomponentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0) {\n\t\t\tthis.active = Object.entries(this.properties).every(([key, value]) =>\n\t\t\t\texpression.rules.some(r => {\n\t\t\t\t\tconst criteria = !this.not ? r : r instanceof selectively.Not ? r.criteria : undefined\n\t\t\t\t\treturn value == \"\"\n\t\t\t\t\t\t? !(criteria instanceof selectively.Property && criteria.name == key)\n\t\t\t\t\t\t: this.isCriteria(criteria, key, value)\n\t\t\t\t})\n\t\t\t)\n\t\t} else\n\t\t\tthis.active = false\n\t}\n\tprivate isCriteria(criteria: selectively.Rule \| undefined, key: string, value: string): boolean {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn (\n\t\t\tcriteria instanceof selectively.Property &&\n\t\t\tcriteria.name == property &&\n\t\t\t((criteria.criteria instanceof selectively.Is && criteria.criteria.value == value) \|\|\n\t\t\t\tthis.isCriteria(criteria.criteria, rest.join(\".\"), value))\n\t\t)\n\t}\n\n\tactiveHandler(activate?: true) {\n\t\tconst manipulate: Filter.Manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\tlet result: selectively.Criteria = criteria\n\t\t\tactivate && (this.active = !this.active)\n\t\t\tif (result instanceof selectively.And) {\n\t\t\t\tfor (const [key, value] of Object.entries(this.properties)) {\n\t\t\t\t\tconst newCriteria =\n\t\t\t\t\t\t!this.active \|\| (this.active && value == \"\")\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: this.not\n\t\t\t\t\t\t\t? selectively.not(this.createCriteria(key, value))\n\t\t\t\t\t\t\t: this.createCriteria(key, value)\n\t\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, key))\n\t\t\t\t\t!newCriteria && index >= 0\n\t\t\t\t\t\t? result.rules.splice(index, 1)\n\t\t\t\t\t\t: !newCriteria\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: index == -1\n\t\t\t\t\t\t? result.rules.push(newCriteria)\n\t\t\t\t\t\t: (result.rules[index] = newCriteria)\n\t\t\t\t}\n\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t}\n\t\t\treturn result\n\t\t}\n\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t}\n\tcreateCriteria(key: string, value: string): selectively.Rule {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn selectively.property(\n\t\t\tproperty,\n\t\t\trest.length == 0 ? selectively.is(value) : this.createCriteria(rest.join(\".\"), value)\n\t\t)\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, property: string): boolean {\n\t\tconst check = !this.not ? criteria : criteria instanceof selectively.Not ? criteria.criteria : false\n\t\tconst [key, ...rest] = property.split(\".\")\n\t\treturn (\n\t\t\tcheck instanceof selectively.Property &&\n\t\t\tcheck.name == key &&\n\t\t\t(rest.length == 0 \|\| (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-icon\n\t\t\t\tfill=\"clear\"\n\t\t\t\tcolor={this.active ? \"success\" : \"medium\"}\n\t\t\t\tname={(this.active ? `${this.icon}` : `${this.icon}-outline`) as Icon}\n\t\t\t\ttoolTip={this.toolTip}\n\t\t\t\tonClick={() => this.activeHandler(true)}\n\t\t\t/>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-28dac8ac.js","mappings":"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","names":["selectively.And","selectively.Not","selectively.Property","selectively.Is","selectively.not","selectively.and","property","selectively.property","selectively.is"],"sources":["src/components/filter/toggle/style.css?tag=smoothly-filter-toggle&encapsulation=scoped","src/components/filter/toggle/index.tsx"],"sourcesContent":[":host {\n\tposition: relative;\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n:host:hover>smoothly-icon {\n\tstroke: rgb(var(--smoothly-success-tint));\n\tcolor: rgb(var(--smoothly-success-tint));\n\tfill: rgb(var(--smoothly-success-tint));\n}\n\n:host[flip] {\n\ttransform: scaleX(-1);\n}\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Icon } from \"../../../model\"\nimport { Filter } from \"../Filter\"\n\n@Component({\n\ttag: \"smoothly-filter-toggle\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterToggle {\n\t@Prop() icon: Icon\n\t@Prop() properties: Record<string, string>\n\t@Prop() toolTip: string\n\t@Prop() not: boolean\n\t@Prop({ reflect: true }) flip = false\n\t@Prop({ mutable: true }) active = false\n\t@Event() smoothlyFilterUpdate: EventEmitter<Filter.Update>\n\t@Event() smoothlyFilterManipulate: EventEmitter<Filter.Manipulate>\n\tcomponentWillLoad() {\n\t\tthis.active && this.activeHandler()\n\t}\n\tcomponentDidLoad() {\n\t\tthis.smoothlyFilterUpdate.emit(this.update.bind(this))\n\t}\n\tupdate(expression: selectively.Criteria): void {\n\t\tif (expression instanceof selectively.And && expression.rules.length > 0) {\n\t\t\tthis.active = Object.entries(this.properties).every(([key, value]) =>\n\t\t\t\texpression.rules.some(r => {\n\t\t\t\t\tconst criteria = !this.not ? r : r instanceof selectively.Not ? r.criteria : undefined\n\t\t\t\t\treturn value == \"\"\n\t\t\t\t\t\t? !(criteria instanceof selectively.Property && criteria.name == key)\n\t\t\t\t\t\t: this.isCriteria(criteria, key, value)\n\t\t\t\t})\n\t\t\t)\n\t\t} else\n\t\t\tthis.active = false\n\t}\n\tprivate isCriteria(criteria: selectively.Rule \| undefined, key: string, value: string): boolean {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn (\n\t\t\tcriteria instanceof selectively.Property &&\n\t\t\tcriteria.name == property &&\n\t\t\t((criteria.criteria instanceof selectively.Is && criteria.criteria.value == value) \|\|\n\t\t\t\tthis.isCriteria(criteria.criteria, rest.join(\".\"), value))\n\t\t)\n\t}\n\n\tactiveHandler(activate?: true) {\n\t\tconst manipulate: Filter.Manipulate = (criteria: selectively.Criteria): selectively.Criteria => {\n\t\t\tlet result: selectively.Criteria = criteria\n\t\t\tactivate && (this.active = !this.active)\n\t\t\tif (result instanceof selectively.And) {\n\t\t\t\tfor (const [key, value] of Object.entries(this.properties)) {\n\t\t\t\t\tconst newCriteria =\n\t\t\t\t\t\t!this.active \|\| (this.active && value == \"\")\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: this.not\n\t\t\t\t\t\t\t? selectively.not(this.createCriteria(key, value))\n\t\t\t\t\t\t\t: this.createCriteria(key, value)\n\t\t\t\t\tconst index = result.rules.findIndex(r => this.findInstanceOf(r, key))\n\t\t\t\t\t!newCriteria && index >= 0\n\t\t\t\t\t\t? result.rules.splice(index, 1)\n\t\t\t\t\t\t: !newCriteria\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: index == -1\n\t\t\t\t\t\t? result.rules.push(newCriteria)\n\t\t\t\t\t\t: (result.rules[index] = newCriteria)\n\t\t\t\t}\n\t\t\t\tresult = selectively.and(...result.rules)\n\t\t\t}\n\t\t\treturn result\n\t\t}\n\t\tthis.smoothlyFilterManipulate.emit(manipulate.bind(this))\n\t}\n\tcreateCriteria(key: string, value: string): selectively.Rule {\n\t\tconst [property, ...rest] = key.split(\".\")\n\t\treturn selectively.property(\n\t\t\tproperty,\n\t\t\trest.length == 0 ? selectively.is(value) : this.createCriteria(rest.join(\".\"), value)\n\t\t)\n\t}\n\tfindInstanceOf(criteria: selectively.Criteria, property: string): boolean {\n\t\tconst check = !this.not ? criteria : criteria instanceof selectively.Not ? criteria.criteria : false\n\t\tconst [key, ...rest] = property.split(\".\")\n\t\treturn (\n\t\t\tcheck instanceof selectively.Property &&\n\t\t\tcheck.name == key &&\n\t\t\t(rest.length == 0 \|\| (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(\".\"))))\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-icon\n\t\t\t\tfill=\"clear\"\n\t\t\t\tcolor={this.active ? \"success\" : \"medium\"}\n\t\t\t\tname={(this.active ? `${this.icon}` : `${this.icon}-outline`) as Icon}\n\t\t\t\ttoolTip={this.toolTip}\n\t\t\t\tonClick={() => this.activeHandler(true)}\n\t\t\t/>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-04799383.js → p-2bbb8f53.js} RENAMED Viewed

@@ -19,7 +19,7 @@ const SmoothlyTableRow = proxyCustomElement(class SmoothlyTableRow extends H {
                 event.target != cell && cell.close();
     }
     render() {
-        return (h(Host, { key: 'b608313036bb6e17c3b4b60fdadf47e5d817d489' }, h("slot", { key: '9873b97f168b210f50924a06a3a8923da052ffe1' })));
+        return (h(Host, { key: '710fb98629cc8100ea43178387a873aae6cd27b1' }, h("slot", { key: 'd9453ee6fab901e26500f3c423edbab1d0b479ed' })));
     }
     static get style() { return SmoothlyTableRowStyle0; }
 }, [6, "smoothly-table-row", undefined, [[0, "smoothlyTableExpandableCellRegister", "smoothlyTableExpandableCellRegisterHandler"], [0, "smoothlyTableExpandableCellChange", "smoothlyTableExpandableCellChangeHandler"]]]);
@@ -40,4 +40,4 @@ defineCustomElement();
 export { SmoothlyTableRow as S, defineCustomElement as d };
-//# sourceMappingURL=p-04799383.js.map
+//# sourceMappingURL=p-2bbb8f53.js.map

package/dist/components/{p-04799383.js.map → p-2bbb8f53.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~04799383~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,6WAA6W,CAAC;AAC/X,+BAAe,QAAQ;;MCOV,gBAAgB;IAL7B;;;QAMS,oBAAe,GAAG,IAAI,GAAG,EAA0C,CAAA;KAoB3E;IAlBA,0CAA0C,CAAC,KAAmD;QAC7F,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;KACtC;IAED,wCAAwC,CAAC,KAAsD;QAC9F,IAAI,KAAK,CAAC,MAAM;YACf,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe;gBACtC,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAA;KACtC;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/row/style.css?tag=smoothly-table-row&encapsulation=scoped","src/components/table/row/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tbox-sizing: border-box;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host:has(smoothly-table-expandable-cell) {\n\tgrid-template-rows: auto 0fr 0fr;\n}\n\n:host:has(smoothly-table-expandable-cell[open]) {\n\tgrid-template-rows: auto 1fr 0fr;\n}\n\n","import { Component, h, Host, Listen, VNode } from \"@stencil/core\"\nimport { SmoothlyTableExpandableCellCustomEvent } from \"../../../components\"\n\n@Component({\n\ttag: \"smoothly-table-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableRow {\n\tprivate expandableCells = new Set<HTMLSmoothlyTableExpandableCellElement>()\n\t@Listen(\"smoothlyTableExpandableCellRegister\")\n\tsmoothlyTableExpandableCellRegisterHandler(event: SmoothlyTableExpandableCellCustomEvent<void>): void {\n\t\tevent.stopPropagation()\n\t\tthis.expandableCells.add(event.target)\n\t}\n\t@Listen(\"smoothlyTableExpandableCellChange\")\n\tsmoothlyTableExpandableCellChangeHandler(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tif (event.detail)\n\t\t\tfor (const cell of this.expandableCells)\n\t\t\t\tevent.target != cell && cell.close()\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-2bbb8f53.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,6WAA6W,CAAC;AAC/X,+BAAe,QAAQ;;MCOV,gBAAgB;IAL7B;;;QAMS,oBAAe,GAAG,IAAI,GAAG,EAA0C,CAAA;KAoB3E;IAlBA,0CAA0C,CAAC,KAAmD;QAC7F,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;KACtC;IAED,wCAAwC,CAAC,KAAsD;QAC9F,IAAI,KAAK,CAAC,MAAM;YACf,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe;gBACtC,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAA;KACtC;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/row/style.css?tag=smoothly-table-row&encapsulation=scoped","src/components/table/row/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tbox-sizing: border-box;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host:has(smoothly-table-expandable-cell) {\n\tgrid-template-rows: auto 0fr 0fr;\n}\n\n:host:has(smoothly-table-expandable-cell[open]) {\n\tgrid-template-rows: auto 1fr 0fr;\n}\n\n","import { Component, h, Host, Listen, VNode } from \"@stencil/core\"\nimport { SmoothlyTableExpandableCellCustomEvent } from \"../../../components\"\n\n@Component({\n\ttag: \"smoothly-table-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableRow {\n\tprivate expandableCells = new Set<HTMLSmoothlyTableExpandableCellElement>()\n\t@Listen(\"smoothlyTableExpandableCellRegister\")\n\tsmoothlyTableExpandableCellRegisterHandler(event: SmoothlyTableExpandableCellCustomEvent<void>): void {\n\t\tevent.stopPropagation()\n\t\tthis.expandableCells.add(event.target)\n\t}\n\t@Listen(\"smoothlyTableExpandableCellChange\")\n\tsmoothlyTableExpandableCellChangeHandler(event: SmoothlyTableExpandableCellCustomEvent<boolean>): void {\n\t\tif (event.detail)\n\t\t\tfor (const cell of this.expandableCells)\n\t\t\t\tevent.target != cell && cell.close()\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-97254dfe.js → p-2c9a8b37.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { I as Input } from './p-16c06f14.js';
-import { d as defineCustomElement$6 } from './p-182310f5.js';
-import { d as defineCustomElement$5 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$4 } from './p-0fb1eac0.js';
-import { d as defineCustomElement$3 } from './p-b1d28f3f.js';
-import { d as defineCustomElement$2 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$1 } from './p-90d81e79.js';
+import { I as Input } from './p-ed1e7da4.js';
+import { d as defineCustomElement$6 } from './p-a57e7345.js';
+import { d as defineCustomElement$5 } from './p-a09be6d8.js';
+import { d as defineCustomElement$4 } from './p-cef759f2.js';
+import { d as defineCustomElement$3 } from './p-c3d52c12.js';
+import { d as defineCustomElement$2 } from './p-9e3806ff.js';
+import { d as defineCustomElement$1 } from './p-da4c10d0.js';
 const styleCss = ".sc-smoothly-input-date-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-date-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[readonly].sc-smoothly-input-date-h,[readonly].sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>smoothly-calendar.sc-smoothly-input-date::before{content:\"\";box-sizing:border-box;position:absolute;top:1px;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
 const SmoothlyInputDateStyle0 = styleCss;
@@ -96,13 +96,13 @@ const SmoothlyInputDate = proxyCustomElement(class SmoothlyInputDate extends H {
         event.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '9db0c63036aa6f0207fce78ffd6f802b7deeb5ad' }, h("smoothly-input", { key: 'a6db19ef7beb77e6a0beee10b274373f3f2a732d', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, errorMessage: this.errorMessage, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (h(Host, { key: 'a755134a252d7a353d9a77367c6850ec0e7bb2fa' }, h("smoothly-input", { key: 'c84f19abf9b612265662c923924bb9e27e4470dd', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, errorMessage: this.errorMessage, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.value = e.detail[this.name];
-            } }, h("slot", { key: '2e6e4e4151da614f0de08159c5b0e37a3404b120' })), h("span", { key: '686e082fc080a78bc2af6eac16f1cf352db9b68b', class: "icons" }, h("slot", { key: '037c3e5ecfb313d705aa23317cf9eeb793769f48', name: "end" })), this.open && !this.readonly && (h("nav", { key: '63a91d7dfd85ea9d3731e47e4b68bbb49bf67db1' }, h("smoothly-calendar", { key: 'e121009669154791ed3df7981a540bfa6cb12fc1', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
+            } }, h("slot", { key: '76957a67776b6e114a134ad8e381fccab3b3bcdb' })), h("span", { key: '913e4d85afb432d619a8b97b9498aca63fb65524', class: "icons" }, h("slot", { key: 'e3241b7fcad13b265db309d1893b235a8ddef397', name: "end" })), this.open && !this.readonly && (h("nav", { key: '7e930465a1ad3354480a4089bc9a041b3fffcc93' }, h("smoothly-calendar", { key: '207d73550c0b0274990b5a6afe6bcf2b96840055', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
                 this.value = event.detail;
                 event.stopPropagation();
-            }, max: this.max, min: this.min }, h("div", { key: 'c42e755a2c39062bd185905db9502c55ab3e30ae', slot: "year-label" }, h("slot", { key: '101b37555fb0c8922cc3989455eeff39eeecbc34', name: "year-label" })), h("div", { key: 'cd14ec9baed6b289de558f03ac04d63d1fc40115', slot: "month-label" }, h("slot", { key: 'd7eee5fdb8a0191e411f1be6fd22c997bddc18ca', name: "month-label" })))))));
+            }, max: this.max, min: this.min }, h("div", { key: 'bf152dd3b3de42c90569c7d484748181c5ca4fa3', slot: "year-label" }, h("slot", { key: '6a2fc92cbd7f61f12ceb21ce9d2844d713053b0c', name: "year-label" })), h("div", { key: '87a13f22c38aa9004483f4d197b7eddafe96941a', slot: "month-label" }, h("slot", { key: '11c277001bc28bcb4525d7f3fd120e8b643810b9', name: "month-label" })))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -180,4 +180,4 @@ defineCustomElement();
 export { SmoothlyInputDate as S, defineCustomElement as d };
-//# sourceMappingURL=p-97254dfe.js.map
+//# sourceMappingURL=p-2c9a8b37.js.map

package/dist/components/{p-97254dfe.js.map → p-2c9a8b37.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-97254dfe.js","mappings":"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","names":[],"sources":["src/components/input/date/style.css?tag=smoothly-input-date&encapsulation=scoped","src/components/input/date/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: 1px;\n\tz-index: 9;\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n@media screen and (min-width: 400px) {\n\t:host>nav {\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\ttop: 4em;\n\t\tbackground-color: rgb(var(--smoothly-input-background));\n\t\tmax-width: 22em;\n\t}\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDate implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable \| undefined\n\tprivate initialValue?: isoly.Date\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\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 listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tonStart(next: isoly.Date) {\n\t\tthis.smoothlyValueChange.emit(next)\n\t\tthis.smoothlyInput.emit({ [this.name]: next })\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDate) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = this.value\n\t\tthis.changed = false\n\t}\n\t@Listen(\"smoothlyDateSet\")\n\tdateSetHandler(event: CustomEvent<isoly.Date>) {\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tonFocus={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\terrorMessage={this.errorMessage}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.value = e.detail[this.name]\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tonSmoothlyValueChange={event => {\n\t\t\t\t\t\t\t\tthis.value = event.detail\n\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}>\n\t\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-2c9a8b37.js","mappings":"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","names":[],"sources":["src/components/input/date/style.css?tag=smoothly-input-date&encapsulation=scoped","src/components/input/date/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: 1px;\n\tz-index: 9;\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n@media screen and (min-width: 400px) {\n\t:host>nav {\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\ttop: 4em;\n\t\tbackground-color: rgb(var(--smoothly-input-background));\n\t\tmax-width: 22em;\n\t}\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDate implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable \| undefined\n\tprivate initialValue?: isoly.Date\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\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 listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tonStart(next: isoly.Date) {\n\t\tthis.smoothlyValueChange.emit(next)\n\t\tthis.smoothlyInput.emit({ [this.name]: next })\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDate) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = this.value\n\t\tthis.changed = false\n\t}\n\t@Listen(\"smoothlyDateSet\")\n\tdateSetHandler(event: CustomEvent<isoly.Date>) {\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tonFocus={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\terrorMessage={this.errorMessage}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.value = e.detail[this.name]\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tonSmoothlyValueChange={event => {\n\t\t\t\t\t\t\t\tthis.value = event.detail\n\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}>\n\t\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-8f6b490b.js → p-2f17a8e0.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$c } from './p-11cc925c.js';
-import { d as defineCustomElement$b } from './p-ff99dcde.js';
-import { d as defineCustomElement$a } from './p-51cb1946.js';
-import { d as defineCustomElement$9 } from './p-21601376.js';
-import { d as defineCustomElement$8 } from './p-d9989605.js';
-import { d as defineCustomElement$7 } from './p-f21f43d1.js';
-import { d as defineCustomElement$6 } from './p-33087585.js';
-import { d as defineCustomElement$5 } from './p-28a3024e.js';
-import { d as defineCustomElement$4 } from './p-e2ff40ce.js';
-import { d as defineCustomElement$3 } from './p-77aa479d.js';
-import { d as defineCustomElement$2 } from './p-2de92429.js';
-import { d as defineCustomElement$1 } from './p-04799383.js';
+import { d as defineCustomElement$c } from './p-065cbcf5.js';
+import { d as defineCustomElement$b } from './p-b235b5aa.js';
+import { d as defineCustomElement$a } from './p-d3c8be66.js';
+import { d as defineCustomElement$9 } from './p-5bf78c75.js';
+import { d as defineCustomElement$8 } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$7 } from './p-18451fa9.js';
+import { d as defineCustomElement$6 } from './p-fec4d798.js';
+import { d as defineCustomElement$5 } from './p-98440131.js';
+import { d as defineCustomElement$4 } from './p-07d9e68a.js';
+import { d as defineCustomElement$3 } from './p-c131480d.js';
+import { d as defineCustomElement$2 } from './p-49837ba2.js';
+import { d as defineCustomElement$1 } from './p-2bbb8f53.js';
 const styleCss = ".sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}";
 const SmoothlyTableDemoFillerRowStyle0 = styleCss;
@@ -27,7 +27,7 @@ const SmoothlyTableDemoFillerRow = proxyCustomElement(class SmoothlyTableDemoFil
         }, 3000);
     }
     render() {
-        return (h(Host, { key: '3732c9f5b04611c92815425c666cb98a1a8a13b6' }, h("smoothly-display", { key: 'f8870230eb6cd3dd6ab82b8d40e7f13271acb663', type: "text", value: "Filler row" }), h("smoothly-table", { key: '4984b2eaa37b32f667cede832c56e4cf378de49c', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '44333a55c2bd228fd3c8dc14043e3ca5156c2ddd' }, h("smoothly-table-row", { key: 'c615fc72b835e77ae9b9f8ba5d0e1e0b61954030' }, h("smoothly-table-cell", { key: 'c0ac5b42239415560e589de1d50024a22d1e0d65' }, "Breed"), h("smoothly-table-cell", { key: 'd3bf58bcd3d630f02e4645215f8e981c180a3bf5' }, "Country"), h("smoothly-table-cell", { key: '6e26fd8c273220e6b970b8a9dd3a2de90c4d3661' }, "Coat"), h("smoothly-table-cell", { key: 'c98c2d0387969a9a7998878b089fcecbf10f8c58' }, "Origin"))), h("smoothly-table-body", { key: 'b54e5af5cae91e7db57e58f0cc09eca10e9fbe86' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("smoothly-table-cell", null, a.breed), h("smoothly-table-cell", null, a.country), h("smoothly-table-cell", null, a.coat), h("smoothly-table-cell", null, a.origin)))))))));
+        return (h(Host, { key: 'f7a6e988e23fbfe0d327f2c2c0ea383e91e6c00d' }, h("smoothly-display", { key: '1c15584e9359a22e169f9d996b64c2e4a8642e70', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'ff3d8237d67bee82f468f931909d6f7aa9ea1cf2', color: "primary", columns: 4 }, h("smoothly-table-head", { key: 'aa696f144f5eb68825668f25c70a47ebe604bfe0' }, h("smoothly-table-row", { key: 'a08b9a87b9e3d22e5052f835839b819509669bae' }, h("smoothly-table-cell", { key: '47cbc283c04f9de90787063b55567c62176b3b88' }, "Breed"), h("smoothly-table-cell", { key: '36576f62ebe64e4666256f71f3bba1d6865fb810' }, "Country"), h("smoothly-table-cell", { key: '86ab4675cbab63fe53fdd0c50249f6c9c954d2eb' }, "Coat"), h("smoothly-table-cell", { key: '33445c896de6507a1786622e87600d6799a853d2' }, "Origin"))), h("smoothly-table-body", { key: '3199cb2736ccc655d0a5e3a0b27e8957e7fade3d' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("smoothly-table-cell", null, a.breed), h("smoothly-table-cell", null, a.country), h("smoothly-table-cell", null, a.coat), h("smoothly-table-cell", null, a.origin)))))))));
     }
     static get style() { return SmoothlyTableDemoFillerRowStyle0; }
 }, [2, "smoothly-table-demo-filler-row", {
@@ -110,4 +110,4 @@ defineCustomElement();
 export { SmoothlyTableDemoFillerRow as S, defineCustomElement as d };
-//# sourceMappingURL=p-8f6b490b.js.map
+//# sourceMappingURL=p-2f17a8e0.js.map

package/dist/components/{p-8f6b490b.js.map → p-2f17a8e0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~8f6b490b~~.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,uPAAuP,CAAC;AACzQ,yCAAe,QAAQ;;MCMV,0BAA0B;;;;oBACd,EAAE;;IAE1B,MAAM,gBAAgB;QACrB,MAAM,CAAC,UAAU,CAAC;YACjB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;SACrB,EAAE,IAAI,CAAC,CAAA;KACR;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG,EACnD,uEAAgB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,CAAC,IACzC,8EACC,6EACC,sFAAgD,EAChD,wFAAkD,EAClD,qFAA+C,EAC/C,uFAAiD,CAC7B,CACA,EACtB,8EACE,IAAI,CAAC,IAAI,KAAK,SAAS,IACvB,0DAAyE,IACtE,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IACzB,qCACC,wBAAkB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,CACjD,KAE5B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KACd,8BACC,+BAAsB,CAAC,CAAC,KAAK,CAAuB,EACpD,+BAAsB,CAAC,CAAC,OAAO,CAAuB,EACtD,+BAAsB,CAAC,CAAC,IAAI,CAAuB,EACnD,+BAAsB,CAAC,CAAC,MAAM,CAAuB,CACjC,CACrB,CAAC,CACF,CACoB,CACN,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/filler-row/style.css?tag=smoothly-table-demo-filler-row&encapsulation=scoped","src/components/table/demo/filler-row/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host>smoothly-display {\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n","import { Component, h, Host, State, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-filler-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoFillerRow {\n\t@State() cats?: Cat[] = []\n\n\tasync componentDidLoad(): Promise<void> {\n\t\twindow.setTimeout(() => {\n\t\t\tthis.cats = undefined\n\t\t}, 3000)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filler row\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={4}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Country</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Origin</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{this.cats === undefined ? (\n\t\t\t\t\t\t\t<smoothly-table-filler-row>No data to display</smoothly-table-filler-row>\n\t\t\t\t\t\t) : this.cats.length === 0 ? (\n\t\t\t\t\t\t\t<smoothly-table-filler-row>\n\t\t\t\t\t\t\t\t<smoothly-spinner style={{ margin: \"auto\" }} color=\"default\" size=\"small\" />\n\t\t\t\t\t\t\t</smoothly-table-filler-row>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tthis.cats.map(a => (\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.breed}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.country}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.coat}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.origin}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\n"],"version":3}
1	+ {"file":"p-2f17a8e0.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,uPAAuP,CAAC;AACzQ,yCAAe,QAAQ;;MCMV,0BAA0B;;;;oBACd,EAAE;;IAE1B,MAAM,gBAAgB;QACrB,MAAM,CAAC,UAAU,CAAC;YACjB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;SACrB,EAAE,IAAI,CAAC,CAAA;KACR;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG,EACnD,uEAAgB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,CAAC,IACzC,8EACC,6EACC,sFAAgD,EAChD,wFAAkD,EAClD,qFAA+C,EAC/C,uFAAiD,CAC7B,CACA,EACtB,8EACE,IAAI,CAAC,IAAI,KAAK,SAAS,IACvB,0DAAyE,IACtE,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IACzB,qCACC,wBAAkB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,CACjD,KAE5B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KACd,8BACC,+BAAsB,CAAC,CAAC,KAAK,CAAuB,EACpD,+BAAsB,CAAC,CAAC,OAAO,CAAuB,EACtD,+BAAsB,CAAC,CAAC,IAAI,CAAuB,EACnD,+BAAsB,CAAC,CAAC,MAAM,CAAuB,CACjC,CACrB,CAAC,CACF,CACoB,CACN,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/filler-row/style.css?tag=smoothly-table-demo-filler-row&encapsulation=scoped","src/components/table/demo/filler-row/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host>smoothly-display {\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n","import { Component, h, Host, State, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-filler-row\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoFillerRow {\n\t@State() cats?: Cat[] = []\n\n\tasync componentDidLoad(): Promise<void> {\n\t\twindow.setTimeout(() => {\n\t\t\tthis.cats = undefined\n\t\t}, 3000)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filler row\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={4}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Country</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Origin</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{this.cats === undefined ? (\n\t\t\t\t\t\t\t<smoothly-table-filler-row>No data to display</smoothly-table-filler-row>\n\t\t\t\t\t\t) : this.cats.length === 0 ? (\n\t\t\t\t\t\t\t<smoothly-table-filler-row>\n\t\t\t\t\t\t\t\t<smoothly-spinner style={{ margin: \"auto\" }} color=\"default\" size=\"small\" />\n\t\t\t\t\t\t\t</smoothly-table-filler-row>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tthis.cats.map(a => (\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.breed}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.country}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.coat}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>{a.origin}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\n"],"version":3}

package/dist/components/{p-a91db04a.js → p-3024abfc.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f765921a.js';
-import { I as Input } from './p-16c06f14.js';
-import { d as defineCustomElement$1 } from './p-e6eca6ea.js';
+import { I as Input } from './p-ed1e7da4.js';
+import { d as defineCustomElement$1 } from './p-a09be6d8.js';
 const styleCss = ".sc-smoothly-summary-h{display:grid;grid-template-columns:auto 1fr;column-gap:0.3rem}.sc-smoothly-summary-h>details.sc-smoothly-summary{display:contents}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:grid;grid-template-columns:subgrid;grid-column:1/-1;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{grid-column:2}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}@supports selector(details::details-content){.sc-smoothly-summary-h>details.sc-smoothly-summary::details-content{grid-column:2}}";
 const SmoothlySummaryStyle0 = styleCss;
@@ -33,7 +33,7 @@ const SmoothlySummary = proxyCustomElement(class SmoothlySummary extends H {
         }
     }
     render() {
-        return (h("details", { key: 'affa54f5d7cf68fe7f8e85ebef3cba2f26dfb4f6', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'e0a90e5340973d5a4bc7daa923910c4ed30f6848' }, h("smoothly-icon", { key: '786ef493adf27540e1d6fafc75b1d8acafad701c', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'e0681a2e318a8e7ccc06acf27e64daf3b3948585', name: "summary" })), h("slot", { key: '805bd54a4f306c1ffc4f944942c60ca00eb852bf', name: "content" })));
+        return (h("details", { key: '013ca7fe45e2706b0be77690a72ff55c37bd03cd', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'ff74d57224d99e0623f866711fca8d21d4635eb5' }, h("smoothly-icon", { key: '4a8b741fe22d64f2f411e6704b9b7b4d5d14b288', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'a8f5a0416c17b4c011b508f1b44f93a0362709b9', name: "summary" })), h("slot", { key: '9d7905d61c1cd60c1bd44c3e812ecd2c18eb63b7', name: "content" })));
     }
     static get style() { return SmoothlySummaryStyle0; }
 }, [6, "smoothly-summary", {
@@ -64,4 +64,4 @@ defineCustomElement();
 export { SmoothlySummary as S, defineCustomElement as d };
-//# sourceMappingURL=p-a91db04a.js.map
+//# sourceMappingURL=p-3024abfc.js.map

package/dist/components/{p-a91db04a.js.map → p-3024abfc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~a91db04a~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,ioCAAioC,CAAC;AACnpC,8BAAe,QAAQ;;MCOV,eAAe;;;;;QACnB,WAAM,GAAkC,EAAE,CAAA;oBACH,KAAK;;oBAE/B,OAAO;oBAC0B,MAAM;;IAG5D,MAAM,aAAa,CAAC,KAAY;QAC/B,IAAI,KAAK,CAAC,MAAM,YAAY,kBAAkB,EAAE;YAC/C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;YAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACxC,IAAI,CAAC,IAAI;kBACN,MAAM,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;kBAC5E,MAAM,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;SACjF;KACD;IAID,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACnC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;YAC7C,IAAI,CAAC,IAAI,CAAC,IAAI;gBACb,KAAK,CAAC,eAAe,EAAE,CAAA;SACxB;KACD;IAED,MAAM;QACL,QACC,gEAAS,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC7D,kEACC,sEAAe,IAAI,EAAC,eAAe,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EAC3F,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/summary/style.css?tag=smoothly-summary&encapsulation=scoped","src/components/summary/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\tcolumn-gap: 0.3rem;\n}\n\n:host>details {\n\tdisplay: contents;\n}\n\n:host>details>summary {\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-column: 1/-1;\n\tlist-style: none;\n\talign-items: center;\n\tcursor: pointer;\n}\n\n:host>details>summary>smoothly-icon {\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n\n:host>details>summary:hover>smoothly-icon {\n\topacity: 1;\n}\n\n:host>details[open]>summary>smoothly-icon {\n\ttransform: rotate(90deg);\n}\n\n:host>details::slotted([slot=content]) {\n\tgrid-column: 2;\n}\n\n@media (prefers-reduced-motion) { \n\t:host>details>summary>smoothly-icon {\n\t\ttransition: none;\n\t}\n}\n /* chromium specific */\n@supports selector(details::details-content) {\n\t:host>details::details-content {\n\t\tgrid-column: 2;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Input } from \"../input/Input\"\n@Component({\n\ttag: \"smoothly-summary\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySummary {\n\tprivate inputs: Record<string, Input.Element> = {}\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop() color: Color\n\t@Prop() fill: Fill = \"solid\"\n\t@Prop() size: \"tiny\" \| \"small\" \| \"medium\" \| \"large\" = \"tiny\"\n\t@Event() smoothlySummaryOpen: EventEmitter<boolean>\n\n\tasync toggleHandler(event: Event) {\n\t\tif (event.target instanceof HTMLDetailsElement) {\n\t\t\tthis.open = event.target.open\n\t\t\tthis.smoothlySummaryOpen.emit(this.open)\n\t\t\tthis.open\n\t\t\t\t? await Promise.all(Object.values(this.inputs).map(input => input.register()))\n\t\t\t\t: await Promise.all(Object.values(this.inputs).map(input => input.unregister()))\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyInputLoad\")\n\t@Listen(\"smoothlyInput\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (Input.Element.is(event.target)) {\n\t\t\tthis.inputs[event.target.name] = event.target\n\t\t\tif (!this.open)\n\t\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<details onToggle={e => this.toggleHandler(e)} open={this.open}>\n\t\t\t\t<summary>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward\" color={this.color} fill={this.fill} size={this.size} />\n\t\t\t\t\t<slot name=\"summary\" />\n\t\t\t\t</summary>\n\t\t\t\t<slot name=\"content\" />\n\t\t\t</details>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-3024abfc.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,ioCAAioC,CAAC;AACnpC,8BAAe,QAAQ;;MCOV,eAAe;;;;;QACnB,WAAM,GAAkC,EAAE,CAAA;oBACH,KAAK;;oBAE/B,OAAO;oBAC0B,MAAM;;IAG5D,MAAM,aAAa,CAAC,KAAY;QAC/B,IAAI,KAAK,CAAC,MAAM,YAAY,kBAAkB,EAAE;YAC/C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;YAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACxC,IAAI,CAAC,IAAI;kBACN,MAAM,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;kBAC5E,MAAM,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;SACjF;KACD;IAID,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACnC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;YAC7C,IAAI,CAAC,IAAI,CAAC,IAAI;gBACb,KAAK,CAAC,eAAe,EAAE,CAAA;SACxB;KACD;IAED,MAAM;QACL,QACC,gEAAS,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC7D,kEACC,sEAAe,IAAI,EAAC,eAAe,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EAC3F,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV,6DAAM,IAAI,EAAC,SAAS,GAAG,CACd,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/summary/style.css?tag=smoothly-summary&encapsulation=scoped","src/components/summary/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\tcolumn-gap: 0.3rem;\n}\n\n:host>details {\n\tdisplay: contents;\n}\n\n:host>details>summary {\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-column: 1/-1;\n\tlist-style: none;\n\talign-items: center;\n\tcursor: pointer;\n}\n\n:host>details>summary>smoothly-icon {\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n\n:host>details>summary:hover>smoothly-icon {\n\topacity: 1;\n}\n\n:host>details[open]>summary>smoothly-icon {\n\ttransform: rotate(90deg);\n}\n\n:host>details::slotted([slot=content]) {\n\tgrid-column: 2;\n}\n\n@media (prefers-reduced-motion) { \n\t:host>details>summary>smoothly-icon {\n\t\ttransition: none;\n\t}\n}\n /* chromium specific */\n@supports selector(details::details-content) {\n\t:host>details::details-content {\n\t\tgrid-column: 2;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Input } from \"../input/Input\"\n@Component({\n\ttag: \"smoothly-summary\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlySummary {\n\tprivate inputs: Record<string, Input.Element> = {}\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop() color: Color\n\t@Prop() fill: Fill = \"solid\"\n\t@Prop() size: \"tiny\" \| \"small\" \| \"medium\" \| \"large\" = \"tiny\"\n\t@Event() smoothlySummaryOpen: EventEmitter<boolean>\n\n\tasync toggleHandler(event: Event) {\n\t\tif (event.target instanceof HTMLDetailsElement) {\n\t\t\tthis.open = event.target.open\n\t\t\tthis.smoothlySummaryOpen.emit(this.open)\n\t\t\tthis.open\n\t\t\t\t? await Promise.all(Object.values(this.inputs).map(input => input.register()))\n\t\t\t\t: await Promise.all(Object.values(this.inputs).map(input => input.unregister()))\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyInputLoad\")\n\t@Listen(\"smoothlyInput\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (Input.Element.is(event.target)) {\n\t\t\tthis.inputs[event.target.name] = event.target\n\t\t\tif (!this.open)\n\t\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<details onToggle={e => this.toggleHandler(e)} open={this.open}>\n\t\t\t\t<summary>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward\" color={this.color} fill={this.fill} size={this.size} />\n\t\t\t\t\t<slot name=\"summary\" />\n\t\t\t\t</summary>\n\t\t\t\t<slot name=\"content\" />\n\t\t\t</details>\n\t\t)\n\t}\n}\n"],"version":3}