smoothly 1.120.0 → 1.121.0

package/dist/components/{p-DUZEz-6n.js.map → p-ewmy4_JT.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyTableDemoGroup","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","type","value","color","columns","align","slot","currency","content","Fragment","class","span"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyTableDemoGroup","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","type","value","color","columns","align","slot","currency","content","Fragment","class","span"],"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"],"mappings":"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","ignoreList":[]}

package/dist/components/p-gEWA_tZo.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as i,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import{E as n}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{d as h}from"./p-mmAi00ak.js";import{d as r}from"./p-DFSiKg4M.js";const d=()=>`.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)}[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[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="grid"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[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-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-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}[right].sc-smoothly-input-file-h .label.sc-smoothly-input-file{transform-origin:top right}.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],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.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 smoothly-icon.smoothly-invalid.sc-smoothly-input-file{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;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{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}`;const u=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=i(this,"smoothlyInputLooks");this.smoothlyInput=i(this,"smoothlyInput");this.smoothlyUserInput=i(this,"smoothlyUserInput");this.smoothlyInputLoad=i(this,"smoothlyInputLoad");this.smoothlyFormDisable=i(this,"smoothlyFormDisable");this.readonly=false;this.showLabel=true;this.dragging=false;this.isDifferentFromInitial=false;this.observer=n.Observer.create(this);this.transfer=new DataTransfer}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var i;return this.looks=(i=this.looks)!==null&&i!==void 0?i:t,!this.color&&(this.color=o)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){a.formRename(this,o)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var o,i,s;t.stopPropagation();if((i=(o=this.input)===null||o===void 0?void 0:o.files)===null||i===void 0?void 0:i.length){this.value=(s=this.input)===null||s===void 0?void 0:s.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var o;t.preventDefault();t.stopPropagation();this.dragging=false;if((o=t.dataTransfer)===null||o===void 0?void 0:o.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var o;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(o=this.input)===null||o===void 0?void 0:o.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,o,i;return s(e,{key:"6ea6dc53a6eb337bb6c5f87535cfbb4cc51d4233",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},s("label",{key:"8d1c4b21e5dcf4dc4e4c02a5d6492964fa25df0a"},s("slot",{key:"d29618d938fa828877f7bc08885c8ae0ddb84583",name:"label"})),s("div",{key:"ad66b522311cf41cf03477c9e6eb3654f5c5acc2",class:"input"},s("smoothly-button",{key:"11e2a2d526d1667817115fa8145353b0fc8ea4c1",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},s("slot",{key:"ddea3b18a6d43d4347da9a9c6b0b3657399f4ff5",name:"button"})),s("span",{key:"5390e1365f1d6d46828330d0a25917f973a90b59"},(o=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&o!==void 0?o:this.placeholder),s("div",{key:"1056e639ed54e7945ac316122deb893415d0f427",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},s("smoothly-icon",{key:"fc737003eaa5939ca734fb56961a5652500ae663",name:"document-attach-outline"})),s("input",{key:"b4e6d41f124ee2eb3b9348cc91fda0ec9df3be48",ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(i=this.accept)!==null&&i!==void 0?i:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),s("span",{key:"02db98c3712e669dc3934be7f148746744dbaae3",onClick:t=>t.stopPropagation()},s("slot",{key:"0fa43441ac10f081ecae36f6a56d199534e72de1",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}]}}static get style(){return d()}},[262,"smoothly-input-file",{readonly:[1540],disabled:[516],accept:[1],color:[1537],looks:[1537],camera:[513],name:[513],showLabel:[516,"show-label"],value:[1040],placeholder:[1537],dragging:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],binary:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}]}]);function p(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-file","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-file":if(!customElements.get(l(t))){customElements.define(l(t),u)}break;case"smoothly-button":if(!customElements.get(l(t))){h()}break;case"smoothly-icon":if(!customElements.get(l(t))){r()}break}}))}p();export{u as S,p as d};
+//# sourceMappingURL=p-gEWA_tZo.js.map

package/dist/components/{p-UqPFIGlg.js.map → p-gEWA_tZo.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputFile","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","readonly","showLabel","dragging","isDifferentFromInitial","observer","Editable","Observer","create","transfer","DataTransfer","files","items","clear","value","add","componentWillLoad","smoothlyInputLooks","emit","looks","color","_a","smoothlyInput","name","getValue","smoothlyInputLoad","parent","smoothlyFormDisable","publish","disconnectedCallback","element","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","undefined","smoothlyInputLoadHandler","event","registerSubAction","listen","listener","subscribe","edit","editable","reset","initialValue","setInitialValue","valueChanged","binary","inputHandler","stopPropagation","_b","input","length","_c","smoothlyUserInput","dropHandler","preventDefault","dataTransfer","clickHandler","disabled","composedPath","find","target","click","dragOverHandler","dragEnterHandler","dragLeaveHandler","render","h","Host","key","class","tabindex","onClick","e","onDragOver","onDragEnter","type","fill","size","placeholder","onDrop","onDragLeave","ref","capture","camera","accept","onInput"],"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\tjustify-content: space-between;\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\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\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({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\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() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\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\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<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(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.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.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\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\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\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\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !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.disabled && (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={this.disabled ? undefined : 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 disabled={this.disabled} 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\tdisabled={this.disabled}\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<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputFile","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","readonly","showLabel","dragging","isDifferentFromInitial","observer","Editable","Observer","create","transfer","DataTransfer","files","items","clear","value","add","componentWillLoad","smoothlyInputLooks","emit","looks","color","_a","smoothlyInput","name","getValue","smoothlyInputLoad","parent","smoothlyFormDisable","publish","disconnectedCallback","element","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","undefined","smoothlyInputLoadHandler","event","registerSubAction","listen","listener","subscribe","edit","editable","reset","initialValue","setInitialValue","valueChanged","binary","inputHandler","stopPropagation","_b","input","length","_c","smoothlyUserInput","dropHandler","preventDefault","dataTransfer","clickHandler","disabled","composedPath","find","target","click","dragOverHandler","dragEnterHandler","dragLeaveHandler","render","h","Host","key","class","tabindex","onClick","e","onDragOver","onDragEnter","type","fill","size","placeholder","onDrop","onDragLeave","ref","capture","camera","accept","onInput"],"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\tjustify-content: space-between;\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\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\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({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\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() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\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\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<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(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.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.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\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\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\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\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !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.disabled && (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={this.disabled ? undefined : 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 disabled={this.disabled} 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\tdisabled={this.disabled}\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<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-j4UEmpTa.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as n,h as s,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{d as l}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d as p}from"./p-DvZK__s-.js";import{d}from"./p-F8qX8ZuL.js";import{d as m}from"./p-DFSiKg4M.js";import{d as c}from"./p-o8kM0Soe.js";var g;(function(t){function o(t){return typeof t=="object"&&t!=undefined&&"start"in t&&"end"in t}t.is=o;function n(t,o,n){return t<o?o:t>n?n:t}t.clamp=n;function s(t,o){var n,s;const e=!o?undefined:(s=(n=o.toString().split(".")[1])===null||n===void 0?void 0:n.length)!==null&&s!==void 0?s:0;return+t.toFixed(e)}t.round=s;function e(t,o,s,e,i){const r=n(s,e,i);return o=="start"?{start:Math.min(r,t.end),end:t.end}:{start:t.start,end:Math.max(r,t.start)}}t.setPart=e;function i(t,n){return o(t)?{start:s(t.start,n),end:s(t.end,n)}:t==undefined||Number.isNaN(t)?undefined:s(t,n)}t.normalize=i;function r(t,n){return o(t)&&o(n)?t.start===n.start&&t.end===n.end:t===n}t.equals=r;function a(t){return o(t)?typeof t.start=="number"&&typeof t.end=="number":typeof t=="number"}t.defined=a;function l(t,o,n){return n==o?0:(t-o)/(n-o)*100}t.percent=l})(g||(g={}));const y=()=>`.sc-smoothly-input-range-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)}[looks="border"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-range-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-range-h .label.sc-smoothly-input-range{transform-origin:top right}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:6rem;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dual.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:6rem;flex:0 0 auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range{position:relative;flex:1;height:1.5em;display:flex;align-items:center}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range::before{content:"";position:absolute;left:.4em;right:.4em;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .fill.sc-smoothly-input-range{position:absolute;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-primary-color));pointer-events:none}.dual[readonly].sc-smoothly-input-range-h .fill.sc-smoothly-input-range,.dual[disabled].sc-smoothly-input-range-h .fill.sc-smoothly-input-range{background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{position:absolute;left:0;right:0;width:100%;margin:0;background:transparent;pointer-events:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;margin-top:-.25em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{cursor:not-allowed}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=n(this,"smoothlyInputLooks");this.smoothlyInput=n(this,"smoothlyInput");this.smoothlyUserInput=n(this,"smoothlyUserInput");this.smoothlyInputLoad=n(this,"smoothlyInputLoad");this.smoothlyFormDisable=n(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.sliding=false;this.value=undefined;this.dual=false;this.defined=false;this.readonly=false;this.type="text";this.min=0;this.max=100;this.name="range";this.outputSide="left";this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var n;return this.looks=(n=this.looks)!==null&&n!==void 0?n:t,this.color=o}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));if(this.dual&&!g.is(this.value)){this.initialValue={start:this.min,end:this.max};this.value=this.initialValue}else{this.value&&(this.initialValue=this.value);this.valueChanged()}}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){a.formRename(this,o)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){const t=g.normalize(this.value,this.step);if(!g.equals(t,this.value)){this.value=t;return}this.isDifferentFromInitial=!g.equals(this.initialValue,this.value);this.defined=g.defined(this.value);if(!this.sliding){this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined||Number.isNaN(t)){this.value=undefined}else if(t<this.min){this.value=this.min}else if(t>this.max){this.value=this.max}else{this.value=t}this.input&&(this.input.value=this.type=="text"?(o=this.value)===null||o===void 0?void 0:o.toString():this.value)}setRange(t,o){const n=g.is(this.value)?this.value:{start:this.min,end:this.max};const s=o==undefined||Number.isNaN(o)?t=="start"?this.min:this.max:o;const e=g.setPart(n,t,s,this.min,this.max);if(g.equals(e,this.value)){return}this.value=e;const i=t=="start"?this.startInput:this.endInput;const r=e[t];i&&(i.value=this.type=="text"?r.toString():r);!this.sliding&&this.smoothlyUserInput.emit({name:this.name,value:this.value})}async commitField(t){const o=t=="start"?this.startInput:this.endInput;this.setRange(t,o?Number(await o.getValue()):undefined);const n=g.is(this.value)?this.value[t]:undefined;o===null||o===void 0?void 0:o.setValue(this.type=="text"?n===null||n===void 0?void 0:n.toString():n)}renderSingle(){var t,o,n;return[s("smoothly-input",{ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),s("smoothly-display",{label:(this.type=="percent"?this.min*100:this.min).toString()}),s("input",{name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(o=this.step)!==null&&o!==void 0?o:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.sliding=true;this.setValue(t.target.valueAsNumber)},onChange:t=>{t.stopPropagation();this.sliding=false;this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(n=this.value)!==null&&n!==void 0?n:this.min}),s("smoothly-display",{label:(this.type=="percent"?this.max*100:this.max).toString()})]}renderDual(){const t=g.is(this.value)?this.value:{start:this.min,end:this.max};const o=g.percent(t.start,this.min,this.max);const n=100-g.percent(t.end,this.min,this.max);return[this.renderField("start",t.start),s("div",{class:"track",part:"track"},s("div",{class:"fill",part:"fill",style:{left:`${o}%`,right:`${n}%`}}),this.renderRangeInput("start",t.start),this.renderRangeInput("end",t.end)),this.renderField("end",t.end)]}renderField(t,o){return s("smoothly-input",{ref:o=>t=="start"?this.startInput=o:this.endInput=o,class:t,color:this.color,name:`${this.name}-${t}`,showLabel:true,type:this.type,onSmoothlyBlur:o=>(o.stopPropagation(),this.commitField(t)),onSmoothlyKeydown:o=>void(o.detail.key=="Enter"&&this.commitField(t)),onSmoothlyInput:t=>t.stopPropagation(),onSmoothlyUserInput:t=>t.stopPropagation(),value:this.type=="percent"?o:o===null||o===void 0?void 0:o.toString(),readonly:this.readonly,disabled:this.disabled,right:t=="start"},t=="start"?"From":"To")}renderRangeInput(t,o){var n;return s("input",{part:t=="start"?"range range-start":"range range-end",type:"range",min:this.min,max:this.max,step:(n=this.step)!==null&&n!==void 0?n:"any",disabled:this.readonly||this.disabled,onInput:o=>{const n=o.target;o.stopPropagation();this.sliding=true;this.setRange(t,n.valueAsNumber);const s=g.is(this.value)?this.value[t]:undefined;s!=undefined&&(n.value=String(s))},onChange:t=>{t.stopPropagation();this.sliding=false;this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:o!==null&&o!==void 0?o:t=="start"?this.min:this.max})}render(){return s(e,{key:"93a4e9afcd01c8eda143e413360f20e14bcaa920",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label,dual:this.dual}},s("slot",{key:"72711b5578bab0320901dbd513bb312b54b3ff40",name:"start"}),s("div",{key:"be83442baeb8cd97fd650ac17717a0e4d703976e"},s("label",{key:"17c0d638d8a9550c01de699efae66f55e1b27b8c",htmlFor:this.name},this.label),this.dual?this.renderDual():this.renderSingle()),s("slot",{key:"1162b21a65fdd05c5703ff547201765b28858554",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-range",{value:[1026],dual:[4],looks:[1537],color:[1537],defined:[1028],readonly:[1540],disabled:[516],type:[1],min:[2],max:[2],name:[513],step:[2],outputSide:[1,"output-side"],label:[1],showInput:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-range","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input"];t.forEach((t=>{switch(t){case"smoothly-input-range":if(!customElements.get(i(t))){customElements.define(i(t),b)}break;case"smoothly-display":if(!customElements.get(i(t))){l()}break;case"smoothly-display-json":if(!customElements.get(i(t))){h()}break;case"smoothly-display-json-object":if(!customElements.get(i(t))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){p()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(t))){d()}break;case"smoothly-icon":if(!customElements.get(i(t))){m()}break;case"smoothly-input":if(!customElements.get(i(t))){c()}break}}))}f();export{b as S,f as d};
+//# sourceMappingURL=p-j4UEmpTa.js.map

package/dist/components/p-j4UEmpTa.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Range","is","value","undefined","clamp","min","max","round","step","decimals","_b","_a","toString","split","length","toFixed","setPart","current","part","clamped","start","Math","end","normalize","Number","isNaN","equals","a","b","defined","percent","styleCss","SmoothlyInputRange","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","observer","Editable","Observer","create","initialValue","sliding","dual","readonly","type","name","outputSide","showInput","componentWillLoad","smoothlyInputLooks","emit","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","valueChanged","smoothlyInputLoadHandler","event","Input","registerSubAction","smoothlyInputLooksHandler","target","element","stopPropagation","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","formRename","register","formAdd","formRemove","getValue","clear","listen","listener","subscribe","edit","editable","reset","setInitialValue","normalized","publish","smoothlyInput","watchingReadonly","setValue","input","setRange","resolved","next","field","startInput","endInput","bound","smoothlyUserInput","commitField","renderSingle","h","ref","e","showLabel","label","onSmoothlyInputLoad","async","Element","onSmoothlyBlur","onSmoothlyInput","placeholder","disabled","onInput","valueAsNumber","onChange","_c","renderDual","range","left","right","renderField","class","style","renderRangeInput","onSmoothlyKeydown","detail","key","onSmoothlyUserInput","String","render","Host","htmlFor"],"sources":["src/components/input/range/Range.ts","src/components/input/range/style.css?tag=smoothly-input-range&encapsulation=scoped","src/components/input/range/index.tsx"],"sourcesContent":["export type Range = { start: number; end: number }\n\nexport namespace Range {\n\texport type Value = number | Range\n\texport function is(value: Value | undefined): value is Range {\n\t\treturn typeof value == \"object\" && value != undefined && \"start\" in value && \"end\" in value\n\t}\n\texport function clamp(value: number, min: number, max: number): number {\n\t\treturn value < min ? min : value > max ? max : value\n\t}\n\texport function round(value: number, step: number | undefined): number {\n\t\tconst decimals = !step ? undefined : (step.toString().split(\".\")[1]?.length ?? 0)\n\t\treturn +value.toFixed(decimals)\n\t}\n\texport function setPart(current: Range, part: \"start\" | \"end\", value: number, min: number, max: number): Range {\n\t\tconst clamped = clamp(value, min, max)\n\t\treturn part == \"start\"\n\t\t\t? { start: Math.min(clamped, current.end), end: current.end }\n\t\t\t: { start: current.start, end: Math.max(clamped, current.start) }\n\t}\n\texport function normalize(value: Value | undefined, step: number | undefined): Value | undefined {\n\t\treturn is(value)\n\t\t\t? { start: round(value.start, step), end: round(value.end, step) }\n\t\t\t: value == undefined || Number.isNaN(value)\n\t\t\t\t? undefined\n\t\t\t\t: round(value, step)\n\t}\n\texport function equals(a: Value | undefined, b: Value | undefined): boolean {\n\t\treturn is(a) && is(b) ? a.start === b.start && a.end === b.end : a === b\n\t}\n\texport function defined(value: Value | undefined): boolean {\n\t\treturn is(value) ? typeof value.start == \"number\" && typeof value.end == \"number\" : typeof value == \"number\"\n\t}\n\texport function percent(value: number, min: number, max: number): number {\n\t\treturn max == min ? 0 : ((value - min) / (max - min)) * 100\n\t}\n}\n","@import \"../shared.css\";\n\n* {\n\tbox-sizing: border-box;\n}\n:host {\n\tposition: relative;\n\twidth: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n:host>div:not([slot]) {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 100%;\n\tpadding-right: var(--input-padding-side);\n}\n:host>div>smoothly-input {\n\twidth: 12em;\n\t--input-min-height: calc(3rem - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host>div>smoothly-input label {\n\twhite-space: nowrap;\n}\n:host.output-side-right>div {\n\tpadding: 0;\n}\n:host.output-side-right>div>smoothly-input {\n\ttext-align: center;\n\tmargin-left: var(--input-padding-side);\n\tborder: none;\n\tbox-sizing: border-box;\n\twidth: 6rem;\n\torder: 3;\n\tmargin: 0;\n}\n:host.output-side-right>div>smoothly-display,\n:host:not(.output-side-right)>div>label {\n\tdisplay: none;\n}\n:host.output-side-right>div>smoothly-input input {\n\tpadding: 0;\n\ttext-align: center;\n}\n:host.output-side-right>div>smoothly-input label {\n\twidth: 100%;\n}\n:host.output-side-right>div>label {\n\tposition: static;\n\tfont-size: inherit;\n\ttext-align: center;\n\tmargin: 0 var(--input-padding-side);\n}\n\n/*--------------------Reset browserspecific CSS------------------ */\n:host>div>input[type=range] {\n\t-webkit-appearance: none;\n\t/* Hides the slider so that custom slider can be made */\n\twidth: 100%;\n\t/* Specific width is required for Firefox. */\n\tbackground: transparent;\n\t/* Otherwise white in Chrome */\n\theight: 1.5em;\n\tpadding: 0 .4em;\n}\n\n/*--------------------THUMB------------------ */\n/* WebKit/Blink */\n:host>div>input[type=range]::-webkit-slider-thumb {\n\t-webkit-appearance: none;\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tmargin-top: -.25em;\n\tborder: none;\n\t/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/* Firefox */\n:host>div>input[type=range]::-moz-range-thumb {\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/*--------------------SLIDER TRACK------------------ */\n:host>div>input[type=range]::-webkit-slider-runnable-track {\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host>div>input[type=range]::-moz-range-track {\n\twidth: 100%;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host[disabled]>div>input[type=range]::-webkit-slider-thumb,\n:host[disabled]>div>input[type=range]::-moz-range-thumb,\n:host[disabled]>div>input[type=range]::-webkit-slider-runnable-track,\n:host[disabled]>div>input[type=range]::-moz-range-track,\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/*--------------------DUAL MODE------------------ */\n:host(.dual)>div>smoothly-input {\n\twidth: 6rem;\n\tflex: 0 0 auto;\n}\n:host(.dual) .track {\n\tposition: relative;\n\tflex: 1;\n\theight: 1.5em;\n\tdisplay: flex;\n\talign-items: center;\n}\n/* Shared visible track line */\n:host(.dual) .track::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: .4em;\n\tright: .4em;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host(.dual) .fill {\n\tposition: absolute;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tpointer-events: none;\n}\n/* Match the single range: the active fill drops to the foreground color when readonly/disabled. */\n:host(.dual[readonly]) .fill,\n:host(.dual[disabled]) .fill {\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n/* Both range inputs occupy the same box; only their thumbs receive pointer events */\n:host(.dual) .track > input[type=range] {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\twidth: 100%;\n\tmargin: 0;\n\tbackground: transparent;\n\tpointer-events: none;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-runnable-track {\n\tbackground: transparent;\n}\n:host(.dual) .track > input[type=range]::-moz-range-track {\n\tbackground: transparent;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-thumb {\n\tpointer-events: auto;\n}\n:host(.dual) .track > input[type=range]::-moz-range-thumb {\n\tpointer-events: auto;\n}\n\n/*--------------------DUAL MODE THUMBS------------------ */\n/* Single-mode thumb rules only match the direct-child :host>div>input, not the nested dual inputs, so replicate them here. */\n:host(.dual) .track > input[type=range] {\n\t-webkit-appearance: none;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-runnable-track {\n\theight: .3rem;\n}\n:host(.dual) .track > input[type=range]::-moz-range-track {\n\theight: .3rem;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-thumb {\n\t-webkit-appearance: none;\n\theight: 0.8em;\n\twidth: 0.8em;\n\tmargin-top: -.25em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host(.dual):not([disabled]):not([readonly]) .track > input[type=range]::-webkit-slider-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n:host(.dual) .track > input[type=range]::-moz-range-thumb {\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host(.dual):not([disabled]):not([readonly]) .track > input[type=range]::-moz-range-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n:host(.dual)[disabled] .track > input[type=range]::-webkit-slider-thumb,\n:host(.dual)[disabled] .track > input[type=range]::-moz-range-thumb {\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 { tidily } from \"tidily\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { Range } from \"./Range\"\n\n@Component({\n\ttag: \"smoothly-input-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRange implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate input?: HTMLSmoothlyInputElement\n\tprivate startInput?: HTMLSmoothlyInputElement\n\tprivate endInput?: HTMLSmoothlyInputElement\n\tprivate initialValue: Range.Value | undefined = undefined\n\tprivate sliding = false\n\t@Element() element: HTMLSmoothlyInputRangeElement\n\t@Prop({ mutable: true }) value: Range.Value | undefined = undefined\n\t@Prop() dual = false\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() type: Extract<tidily.Type, \"text\" | \"percent\"> = \"text\"\n\t@Prop() min = 0\n\t@Prop() max = 100\n\t@Prop({ reflect: true }) name = \"range\"\n\t@Prop() step?: number\n\t@Prop() outputSide: \"right\" | \"left\" = \"left\"\n\t@Prop() label: string\n\t@State() showInput = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tif (this.dual && !Range.is(this.value)) {\n\t\t\tthis.initialValue = { start: this.min, end: this.max }\n\t\t\tthis.value = this.initialValue\n\t\t} else {\n\t\t\tthis.value && (this.initialValue = this.value)\n\t\t\tthis.valueChanged()\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRange) => void>) {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<Range.Value | 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@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tconst normalized = Range.normalize(this.value, this.step)\n\t\tif (!Range.equals(normalized, this.value)) {\n\t\t\tthis.value = normalized\n\t\t\treturn\n\t\t}\n\t\tthis.isDifferentFromInitial = !Range.equals(this.initialValue, this.value)\n\t\tthis.defined = Range.defined(this.value)\n\t\tif (!this.sliding) {\n\t\t\tthis.observer.publish()\n\t\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\tsetValue(value: number | undefined): void {\n\t\tif (value == undefined || Number.isNaN(value)) {\n\t\t\tthis.value = undefined\n\t\t} else if (value < this.min) {\n\t\t\tthis.value = this.min\n\t\t} else if (value > this.max) {\n\t\t\tthis.value = this.max\n\t\t} else {\n\t\t\tthis.value = value\n\t\t}\n\t\tthis.input && (this.input.value = this.type == \"text\" ? (this.value as number)?.toString() : (this.value as number))\n\t}\n\tsetRange(part: \"start\" | \"end\", value: number | undefined): void {\n\t\tconst current = Range.is(this.value) ? this.value : { start: this.min, end: this.max }\n\t\tconst resolved = value == undefined || Number.isNaN(value) ? (part == \"start\" ? this.min : this.max) : value\n\t\tconst next = Range.setPart(current, part, resolved, this.min, this.max)\n\t\tif (Range.equals(next, this.value)) {\n\t\t\treturn\n\t\t}\n\t\tthis.value = next\n\t\tconst field = part == \"start\" ? this.startInput : this.endInput\n\t\tconst bound = next[part]\n\t\tfield && (field.value = this.type == \"text\" ? bound.toString() : bound)\n\t\t!this.sliding && this.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t}\n\tprivate async commitField(part: \"start\" | \"end\"): Promise<void> {\n\t\tconst field = part == \"start\" ? this.startInput : this.endInput\n\t\tthis.setRange(part, field ? Number(await field.getValue()) : undefined)\n\t\tconst bound = Range.is(this.value) ? this.value[part] : undefined\n\t\tfield?.setValue(this.type == \"text\" ? bound?.toString() : bound)\n\t}\n\n\tprivate renderSingle(): VNode[] {\n\t\treturn [\n\t\t\t<smoothly-input\n\t\t\t\tref={e => (this.input = e)}\n\t\t\t\tlooks={undefined}\n\t\t\t\tcolor={this.color}\n\t\t\t\tname={this.name}\n\t\t\t\tshowLabel={this.outputSide === \"left\" && !!this.label}\n\t\t\t\ttype={this.type}\n\t\t\t\tonSmoothlyInputLoad={async e => (\n\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t)}\n\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t}}\n\t\t\t\tvalue={this.type == \"percent\" ? (this.value as number) : (this.value as number)?.toString()}\n\t\t\t\tplaceholder={this.outputSide === \"right\" ? \"-\" : undefined}\n\t\t\t\treadonly={this.readonly}\n\t\t\t\tdisabled={this.disabled}>\n\t\t\t\t{this.label}\n\t\t\t</smoothly-input>,\n\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.min * 100 : this.min).toString()} />,\n\t\t\t<input\n\t\t\t\tname={this.name}\n\t\t\t\tpart=\"range\"\n\t\t\t\ttype=\"range\"\n\t\t\t\tmin={this.min}\n\t\t\t\tmax={this.max}\n\t\t\t\tstep={this.step ?? \"any\"}\n\t\t\t\tdisabled={this.readonly || this.disabled}\n\t\t\t\tonInput={event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = true\n\t\t\t\t\tthis.setValue((event.target as HTMLInputElement).valueAsNumber)\n\t\t\t\t}}\n\t\t\t\tonChange={event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = false\n\t\t\t\t\tthis.observer.publish()\n\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t\t\t}}\n\t\t\t\tvalue={(this.value as number) ?? this.min}\n\t\t\t/>,\n\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.max * 100 : this.max).toString()} />,\n\t\t]\n\t}\n\tprivate renderDual(): VNode[] {\n\t\tconst range = Range.is(this.value) ? this.value : { start: this.min, end: this.max }\n\t\tconst left = Range.percent(range.start, this.min, this.max)\n\t\tconst right = 100 - Range.percent(range.end, this.min, this.max)\n\t\treturn [\n\t\t\tthis.renderField(\"start\", range.start),\n\t\t\t<div class=\"track\" part=\"track\">\n\t\t\t\t<div class=\"fill\" part=\"fill\" style={{ left: `${left}%`, right: `${right}%` }} />\n\t\t\t\t{this.renderRangeInput(\"start\", range.start)}\n\t\t\t\t{this.renderRangeInput(\"end\", range.end)}\n\t\t\t</div>,\n\t\t\tthis.renderField(\"end\", range.end),\n\t\t]\n\t}\n\tprivate renderField(part: \"start\" | \"end\", value: number): VNode {\n\t\treturn (\n\t\t\t<smoothly-input\n\t\t\t\tref={e => (part == \"start\" ? (this.startInput = e) : (this.endInput = e))}\n\t\t\t\tclass={part}\n\t\t\t\tcolor={this.color}\n\t\t\t\tname={`${this.name}-${part}`}\n\t\t\t\tshowLabel={true}\n\t\t\t\ttype={this.type}\n\t\t\t\tonSmoothlyBlur={e => (e.stopPropagation(), this.commitField(part))}\n\t\t\t\tonSmoothlyKeydown={e => void (e.detail.key == \"Enter\" && this.commitField(part))}\n\t\t\t\tonSmoothlyInput={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyUserInput={e => e.stopPropagation()}\n\t\t\t\tvalue={this.type == \"percent\" ? value : value?.toString()}\n\t\t\t\treadonly={this.readonly}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\tright={part == \"start\"}>\n\t\t\t\t{part == \"start\" ? \"From\" : \"To\"}\n\t\t\t</smoothly-input>\n\t\t)\n\t}\n\tprivate renderRangeInput(part: \"start\" | \"end\", value: number): VNode {\n\t\treturn (\n\t\t\t<input\n\t\t\t\tpart={part == \"start\" ? \"range range-start\" : \"range range-end\"}\n\t\t\t\ttype=\"range\"\n\t\t\t\tmin={this.min}\n\t\t\t\tmax={this.max}\n\t\t\t\tstep={this.step ?? \"any\"}\n\t\t\t\tdisabled={this.readonly || this.disabled}\n\t\t\t\tonInput={event => {\n\t\t\t\t\tconst input = event.target as HTMLInputElement\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = true\n\t\t\t\t\tthis.setRange(part, input.valueAsNumber)\n\t\t\t\t\tconst bound = Range.is(this.value) ? this.value[part] : undefined\n\t\t\t\t\tbound != undefined && (input.value = String(bound))\n\t\t\t\t}}\n\t\t\t\tonChange={event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = false\n\t\t\t\t\tthis.observer.publish()\n\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t\t\t}}\n\t\t\t\tvalue={value ?? (part == \"start\" ? this.min : this.max)}\n\t\t\t/>\n\t\t)\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t\"output-side-right\": this.outputSide === \"right\",\n\t\t\t\t\t\"show-label\": this.outputSide === \"left\" && !!this.label,\n\t\t\t\t\tdual: this.dual,\n\t\t\t\t}}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<label htmlFor={this.name}>{this.label}</label>\n\t\t\t\t\t{this.dual ? this.renderDual() : this.renderSingle()}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"sYAEM,IAAWA,GAAjB,SAAiBA,GAEhB,SAAgBC,EAAGC,GAClB,cAAcA,GAAS,UAAYA,GAASC,WAAa,UAAWD,GAAS,QAASA,C,CADvEF,EAAAC,GAAEA,EAGlB,SAAgBG,EAAMF,EAAeG,EAAaC,GACjD,OAAOJ,EAAQG,EAAMA,EAAMH,EAAQI,EAAMA,EAAMJ,C,CADhCF,EAAAI,MAAKA,EAGrB,SAAgBG,EAAML,EAAeM,G,QACpC,MAAMC,GAAYD,EAAOL,WAAaO,GAAAC,EAAAH,EAAKI,WAAWC,MAAM,KAAK,MAAE,MAAAF,SAAA,SAAAA,EAAEG,UAAM,MAAAJ,SAAA,EAAAA,EAAI,EAC/E,OAAQR,EAAMa,QAAQN,E,CAFPT,EAAAO,MAAKA,EAIrB,SAAgBS,EAAQC,EAAgBC,EAAuBhB,EAAeG,EAAaC,GAC1F,MAAMa,EAAUf,EAAMF,EAAOG,EAAKC,GAClC,OAAOY,GAAQ,QACZ,CAAEE,MAAOC,KAAKhB,IAAIc,EAASF,EAAQK,KAAMA,IAAKL,EAAQK,KACtD,CAAEF,MAAOH,EAAQG,MAAOE,IAAKD,KAAKf,IAAIa,EAASF,EAAQG,O,CAJ3CpB,EAAAgB,QAAOA,EAMvB,SAAgBO,EAAUrB,EAA0BM,GACnD,OAAOP,EAAGC,GACP,CAAEkB,MAAOb,EAAML,EAAMkB,MAAOZ,GAAOc,IAAKf,EAAML,EAAMoB,IAAKd,IACzDN,GAASC,WAAaqB,OAAOC,MAAMvB,GAClCC,UACAI,EAAML,EAAOM,E,CALFR,EAAAuB,UAASA,EAOzB,SAAgBG,EAAOC,EAAsBC,GAC5C,OAAO3B,EAAG0B,IAAM1B,EAAG2B,GAAKD,EAAEP,QAAUQ,EAAER,OAASO,EAAEL,MAAQM,EAAEN,IAAMK,IAAMC,C,CADxD5B,EAAA0B,OAAMA,EAGtB,SAAgBG,EAAQ3B,GACvB,OAAOD,EAAGC,UAAgBA,EAAMkB,OAAS,iBAAmBlB,EAAMoB,KAAO,gBAAkBpB,GAAS,Q,CADrFF,EAAA6B,QAAOA,EAGvB,SAAgBC,EAAQ5B,EAAeG,EAAaC,GACnD,OAAOA,GAAOD,EAAM,GAAMH,EAAQG,IAAQC,EAAMD,GAAQ,G,CADzCL,EAAA8B,QAAOA,CAGvB,EAlCD,CAAiB9B,MAAK,KCFtB,MAAM+B,EAAW,IAAM,yiY,MC4BVC,EAAkBC,EAAA,MAAAD,UAAAE,EAL/B,WAAAC,CAAAC,G,ySAOCC,KAAAC,uBAAyB,MACjBD,KAAAE,SAAWC,EAASC,SAASC,OAAOL,MAIpCA,KAAAM,aAAwCxC,UACxCkC,KAAAO,QAAU,MAEOP,KAAAnC,MAAiCC,UAClDkC,KAAAQ,KAAO,MAGUR,KAAAR,QAAU,MACKQ,KAAAS,SAAW,MAE3CT,KAAAU,KAAiD,OACjDV,KAAAhC,IAAM,EACNgC,KAAA/B,IAAM,IACW+B,KAAAW,KAAO,QAExBX,KAAAY,WAA+B,OAE9BZ,KAAAa,UAAY,KA4PrB,CAtPA,iBAAAC,GACCd,KAAKe,mBAAmBC,MAAK,CAACC,EAAOC,KAAS,IAAA5C,EAAC,OAAE0B,KAAKiB,OAAQ3C,EAAA0B,KAAKiB,SAAK,MAAA3C,SAAA,EAAAA,EAAI2C,EAASjB,KAAKkB,MAAQA,CAAM,IACxGlB,KAAKmB,kBAAkBH,MAAKI,GAAWpB,KAAKoB,OAASA,KACpDpB,KAAKS,UAAYT,KAAKqB,oBAAoBL,MAAKP,GAAaT,KAAKS,SAAWA,IAC7E,GAAIT,KAAKQ,OAAS7C,EAAMC,GAAGoC,KAAKnC,OAAQ,CACvCmC,KAAKM,aAAe,CAAEvB,MAAOiB,KAAKhC,IAAKiB,IAAKe,KAAK/B,KACjD+B,KAAKnC,MAAQmC,KAAKM,Y,KACZ,CACNN,KAAKnC,QAAUmC,KAAKM,aAAeN,KAAKnC,OACxCmC,KAAKsB,c,EAIP,wBAAAC,CAAyBC,GACxBC,EAAMC,kBAAkB1B,KAAMwB,E,CAG/B,yBAAAG,CAA0BH,GACzB,GAAIA,EAAMI,QAAU5B,KAAK6B,QAAS,CACjCL,EAAMM,iB,EAGR,0BAAMC,GACL,IAAK/B,KAAK6B,QAAQG,YAAa,OACxBhC,KAAKiC,Y,EAIb,UAAAC,CAAWC,EAAuBC,GACjCX,EAAMY,WAAWrC,KAAMoC,E,CAGxB,cAAME,GACLb,EAAMc,QAAQvC,K,CAGf,gBAAMiC,GACLR,EAAMe,WAAWxC,K,CAGlB,cAAMyC,GACL,OAAOzC,KAAKnC,K,CAGb,WAAM6E,GACL1C,KAAKnC,MAAQC,S,CAGd,YAAM6E,CAAOC,GACZ5C,KAAKE,SAAS2C,UAAUD,E,CAGzB,UAAME,CAAKC,GACV/C,KAAKS,UAAYsC,C,CAGlB,WAAMC,GACLhD,KAAKnC,MAAQmC,KAAKM,Y,CAGnB,qBAAM2C,GACLjD,KAAKM,aAAeN,KAAKnC,MACzBmC,KAAKC,uBAAyB,MAC9BD,KAAKsB,c,CAGN,YAAAA,GACC,MAAM4B,EAAavF,EAAMuB,UAAUc,KAAKnC,MAAOmC,KAAK7B,MACpD,IAAKR,EAAM0B,OAAO6D,EAAYlD,KAAKnC,OAAQ,CAC1CmC,KAAKnC,MAAQqF,EACb,M,CAEDlD,KAAKC,wBAA0BtC,EAAM0B,OAAOW,KAAKM,aAAcN,KAAKnC,OACpEmC,KAAKR,QAAU7B,EAAM6B,QAAQQ,KAAKnC,OAClC,IAAKmC,KAAKO,QAAS,CAClBP,KAAKE,SAASiD,UACdnD,KAAKoD,cAAcpC,KAAK,CAAE,CAAChB,KAAKW,MAAOX,KAAKnC,O,EAK9C,gBAAAwF,GACCrD,KAAKE,SAASiD,S,CAEf,QAAAG,CAASzF,G,MACR,GAAIA,GAASC,WAAaqB,OAAOC,MAAMvB,GAAQ,CAC9CmC,KAAKnC,MAAQC,S,MACP,GAAID,EAAQmC,KAAKhC,IAAK,CAC5BgC,KAAKnC,MAAQmC,KAAKhC,G,MACZ,GAAIH,EAAQmC,KAAK/B,IAAK,CAC5B+B,KAAKnC,MAAQmC,KAAK/B,G,KACZ,CACN+B,KAAKnC,MAAQA,C,CAEdmC,KAAKuD,QAAUvD,KAAKuD,MAAM1F,MAAQmC,KAAKU,MAAQ,QAASpC,EAAC0B,KAAKnC,SAAgB,MAAAS,SAAA,SAAAA,EAAEC,WAAcyB,KAAKnC,M,CAEpG,QAAA2F,CAAS3E,EAAuBhB,GAC/B,MAAMe,EAAUjB,EAAMC,GAAGoC,KAAKnC,OAASmC,KAAKnC,MAAQ,CAAEkB,MAAOiB,KAAKhC,IAAKiB,IAAKe,KAAK/B,KACjF,MAAMwF,EAAW5F,GAASC,WAAaqB,OAAOC,MAAMvB,GAAUgB,GAAQ,QAAUmB,KAAKhC,IAAMgC,KAAK/B,IAAOJ,EACvG,MAAM6F,EAAO/F,EAAMgB,QAAQC,EAASC,EAAM4E,EAAUzD,KAAKhC,IAAKgC,KAAK/B,KACnE,GAAIN,EAAM0B,OAAOqE,EAAM1D,KAAKnC,OAAQ,CACnC,M,CAEDmC,KAAKnC,MAAQ6F,EACb,MAAMC,EAAQ9E,GAAQ,QAAUmB,KAAK4D,WAAa5D,KAAK6D,SACvD,MAAMC,EAAQJ,EAAK7E,GACnB8E,IAAUA,EAAM9F,MAAQmC,KAAKU,MAAQ,OAASoD,EAAMvF,WAAauF,IAChE9D,KAAKO,SAAWP,KAAK+D,kBAAkB/C,KAAK,CAAEL,KAAMX,KAAKW,KAAM9C,MAAOmC,KAAKnC,O,CAErE,iBAAMmG,CAAYnF,GACzB,MAAM8E,EAAQ9E,GAAQ,QAAUmB,KAAK4D,WAAa5D,KAAK6D,SACvD7D,KAAKwD,SAAS3E,EAAM8E,EAAQxE,aAAawE,EAAMlB,YAAc3E,WAC7D,MAAMgG,EAAQnG,EAAMC,GAAGoC,KAAKnC,OAASmC,KAAKnC,MAAMgB,GAAQf,UACxD6F,IAAK,MAALA,SAAK,SAALA,EAAOL,SAAStD,KAAKU,MAAQ,OAASoD,IAAK,MAALA,SAAK,SAALA,EAAOvF,WAAauF,E,CAGnD,YAAAG,G,UACP,MAAO,CACNC,EAAA,kBACCC,IAAKC,GAAMpE,KAAKuD,MAAQa,EACxBnD,MAAOnD,UACPoD,MAAOlB,KAAKkB,MACZP,KAAMX,KAAKW,KACX0D,UAAWrE,KAAKY,aAAe,UAAYZ,KAAKsE,MAChD5D,KAAMV,KAAKU,KACX6D,oBAAqBC,MAAMJ,IAC1BA,EAAEtC,kBACF9B,KAAKsD,SAAS7B,EAAMgD,QAAQ7G,GAAGwG,EAAExC,QAAUzC,aAAaiF,EAAExC,OAAOa,YAAc3E,YAEhF4G,eAAgBN,GAAKA,EAAEtC,kBACvB6C,gBAAiBH,MAAMJ,IACtBA,EAAEtC,kBACF9B,KAAKsD,SAAS7B,EAAMgD,QAAQ7G,GAAGwG,EAAExC,QAAUzC,aAAaiF,EAAExC,OAAOa,YAAc3E,UAAU,EAE1FD,MAAOmC,KAAKU,MAAQ,UAAaV,KAAKnC,OAAmBS,EAAC0B,KAAKnC,SAAgB,MAAAS,SAAA,SAAAA,EAAEC,WACjFqG,YAAa5E,KAAKY,aAAe,QAAU,IAAM9C,UACjD2C,SAAUT,KAAKS,SACfoE,SAAU7E,KAAK6E,UACd7E,KAAKsE,OAEPJ,EAAA,oBAAkBI,OAAQtE,KAAKU,MAAQ,UAAYV,KAAKhC,IAAM,IAAMgC,KAAKhC,KAAKO,aAC9E2F,EAAA,SACCvD,KAAMX,KAAKW,KACX9B,KAAK,QACL6B,KAAK,QACL1C,IAAKgC,KAAKhC,IACVC,IAAK+B,KAAK/B,IACVE,MAAME,EAAA2B,KAAK7B,QAAI,MAAAE,SAAA,EAAAA,EAAI,MACnBwG,SAAU7E,KAAKS,UAAYT,KAAK6E,SAChCC,QAAStD,IACRA,EAAMM,kBACN9B,KAAKO,QAAU,KACfP,KAAKsD,SAAU9B,EAAMI,OAA4BmD,cAAc,EAEhEC,SAAUxD,IACTA,EAAMM,kBACN9B,KAAKO,QAAU,MACfP,KAAKE,SAASiD,UACdnD,KAAKoD,cAAcpC,KAAK,CAAE,CAAChB,KAAKW,MAAOX,KAAKnC,QAC5CmC,KAAK+D,kBAAkB/C,KAAK,CAAEL,KAAMX,KAAKW,KAAM9C,MAAOmC,KAAKnC,OAAQ,EAEpEA,OAAOoH,EAACjF,KAAKnC,SAAgB,MAAAoH,SAAA,EAAAA,EAAIjF,KAAKhC,MAEvCkG,EAAA,oBAAkBI,OAAQtE,KAAKU,MAAQ,UAAYV,KAAK/B,IAAM,IAAM+B,KAAK/B,KAAKM,a,CAGxE,UAAA2G,GACP,MAAMC,EAAQxH,EAAMC,GAAGoC,KAAKnC,OAASmC,KAAKnC,MAAQ,CAAEkB,MAAOiB,KAAKhC,IAAKiB,IAAKe,KAAK/B,KAC/E,MAAMmH,EAAOzH,EAAM8B,QAAQ0F,EAAMpG,MAAOiB,KAAKhC,IAAKgC,KAAK/B,KACvD,MAAMoH,EAAQ,IAAM1H,EAAM8B,QAAQ0F,EAAMlG,IAAKe,KAAKhC,IAAKgC,KAAK/B,KAC5D,MAAO,CACN+B,KAAKsF,YAAY,QAASH,EAAMpG,OAChCmF,EAAA,OAAKqB,MAAM,QAAQ1G,KAAK,SACvBqF,EAAA,OAAKqB,MAAM,OAAO1G,KAAK,OAAO2G,MAAO,CAAEJ,KAAM,GAAGA,KAASC,MAAO,GAAGA,QAClErF,KAAKyF,iBAAiB,QAASN,EAAMpG,OACrCiB,KAAKyF,iBAAiB,MAAON,EAAMlG,MAErCe,KAAKsF,YAAY,MAAOH,EAAMlG,K,CAGxB,WAAAqG,CAAYzG,EAAuBhB,GAC1C,OACCqG,EAAA,kBACCC,IAAKC,GAAMvF,GAAQ,QAAWmB,KAAK4D,WAAaQ,EAAMpE,KAAK6D,SAAWO,EACtEmB,MAAO1G,EACPqC,MAAOlB,KAAKkB,MACZP,KAAM,GAAGX,KAAKW,QAAQ9B,IACtBwF,UAAW,KACX3D,KAAMV,KAAKU,KACXgE,eAAgBN,IAAMA,EAAEtC,kBAAmB9B,KAAKgE,YAAYnF,IAC5D6G,kBAAmBtB,QAAWA,EAAEuB,OAAOC,KAAO,SAAW5F,KAAKgE,YAAYnF,IAC1E8F,gBAAiBP,GAAKA,EAAEtC,kBACxB+D,oBAAqBzB,GAAKA,EAAEtC,kBAC5BjE,MAAOmC,KAAKU,MAAQ,UAAY7C,EAAQA,IAAK,MAALA,SAAK,SAALA,EAAOU,WAC/CkC,SAAUT,KAAKS,SACfoE,SAAU7E,KAAK6E,SACfQ,MAAOxG,GAAQ,SACdA,GAAQ,QAAU,OAAS,K,CAIvB,gBAAA4G,CAAiB5G,EAAuBhB,G,MAC/C,OACCqG,EAAA,SACCrF,KAAMA,GAAQ,QAAU,oBAAsB,kBAC9C6B,KAAK,QACL1C,IAAKgC,KAAKhC,IACVC,IAAK+B,KAAK/B,IACVE,MAAMG,EAAA0B,KAAK7B,QAAI,MAAAG,SAAA,EAAAA,EAAI,MACnBuG,SAAU7E,KAAKS,UAAYT,KAAK6E,SAChCC,QAAStD,IACR,MAAM+B,EAAQ/B,EAAMI,OACpBJ,EAAMM,kBACN9B,KAAKO,QAAU,KACfP,KAAKwD,SAAS3E,EAAM0E,EAAMwB,eAC1B,MAAMjB,EAAQnG,EAAMC,GAAGoC,KAAKnC,OAASmC,KAAKnC,MAAMgB,GAAQf,UACxDgG,GAAShG,YAAcyF,EAAM1F,MAAQiI,OAAOhC,GAAO,EAEpDkB,SAAUxD,IACTA,EAAMM,kBACN9B,KAAKO,QAAU,MACfP,KAAKE,SAASiD,UACdnD,KAAKoD,cAAcpC,KAAK,CAAE,CAAChB,KAAKW,MAAOX,KAAKnC,QAC5CmC,KAAK+D,kBAAkB/C,KAAK,CAAEL,KAAMX,KAAKW,KAAM9C,MAAOmC,KAAKnC,OAAQ,EAEpEA,MAAOA,IAAK,MAALA,SAAK,EAALA,EAAUgB,GAAQ,QAAUmB,KAAKhC,IAAMgC,KAAK/B,K,CAItD,MAAA8H,GACC,OACC7B,EAAC8B,EAAI,CAAAJ,IAAA,2CACJL,MAAO,CACN,oBAAqBvF,KAAKY,aAAe,QACzC,aAAcZ,KAAKY,aAAe,UAAYZ,KAAKsE,MACnD9D,KAAMR,KAAKQ,OAEZ0D,EAAA,QAAA0B,IAAA,2CAAMjF,KAAK,UACXuD,EAAA,OAAA0B,IAAA,4CACC1B,EAAA,SAAA0B,IAAA,2CAAOK,QAASjG,KAAKW,MAAOX,KAAKsE,OAChCtE,KAAKQ,KAAOR,KAAKkF,aAAelF,KAAKiE,gBAEvCC,EAAA,QAAA0B,IAAA,2CAAMjF,KAAK,Q","ignoreList":[]}

package/dist/components/p-o8kM0Soe.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{g as l}from"./p-DVt2MDdp.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{g as r,S as u,a as c,b as p}from"./p-CdrWGE1v.js";import{o as d,b as m,s as y}from"./p-Dr7iZPxA.js";import{d as b}from"./p-DFSiKg4M.js";var f;(function(t){function s(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const i=Object.keys(t);if(i.length==Object.keys(o).length&&i.every((i=>s(t[i],o[i])))){return true}}return false}t.equal=s;function o(t,o){return!s(t,o)}t.notEqual=o})(f||(f={}));var v;(function(t){function s(t,s,e){const n=/([^.-@\s]+)/gi;return e=="backward"?o(t,s,n):i(t,s,n)}t.getWordBreakIndex=s;function o(t,s,o){let i=0;let e;while((e=o.exec(t))!=null){if(o.lastIndex-e[0].length<s){i=o.lastIndex-e[0].length}else{break}}return i}function i(t,s,o){let i=0;while(o.exec(t)!=null){i=o.lastIndex;if(o.lastIndex>s){break}}o.lastIndex<=s&&(i=t.length);return i}})(v||(v={}));class g{constructor(t,s){this.formatter=t;this.type=s;this.keydownHandlers={ArrowLeft:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s),ArrowRight:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s)};this.eventHandlers={beforeinput:{insertText:(t,s)=>this.insert(t,s),insertFromPaste:(t,s)=>this.insert(t,s),insertFromDrop:(t,s)=>this.insert(t,s),deleteContentBackward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start-1,s.selection.end)}this.erase(s);return s},deleteContentForward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start,s.selection.end+1)}this.erase(s);return s},deleteWordBackward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"backward")}return i},deleteWordForward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"forward")}return i},deleteByCut:(t,s)=>{this.erase(s);return s}},input:{insertReplacementText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),insertCompositionText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),deleteWordBackward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,deleteWordForward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,undefined:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value})}}}static create(t,s){let o;switch(t){case"price":o=r("price",s);break;case"integer":o=r("integer",s);break;default:o=r(t,s);break}return new g(o||r("text"),t)}onKeyDown(t,s){var o,i,e,n;let l=s;const h=this.keydownHandlers[t.key];if(h){const a=t.target;s.selection.start=(o=a.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=a.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=a.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const r=h(t,this.unformatState(s),s);const u=this.partialFormatState(r);if(t.defaultPrevented){a.selectionStart=u.selection.start;a.selectionEnd=u.selection.end;a.selectionDirection=(n=u.selection.direction)!==null&&n!==void 0?n:null}l=u}return l}moveCursor(t,s){t.preventDefault();let o=u.getCursor(s.selection);let i=u.getStalker(s.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),s.value.length);i=t.shiftKey?i:o;s.selection.direction=i<o?"forward":i>o?"backward":"none";s.selection.start=Math.min(i,o);s.selection.end=Math.max(i,o);return s}onFocus(t,s){const o=this.partialFormatState(this.unformatState(s));const i=t.target;i.value=o.value;return o}onBlur(t,s){const o=this.createFormattedState(s);const i=t.target;i.value=o.value;return o}onInputEvent(t,s){var o,i,e,n,l,h,a;const r=t.target;s.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=r.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=r.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const u=t.type=="beforeinput"||t.type=="input"?(h=(l=(n=this.eventHandlers[t.type])[t.inputType])===null||l===void 0?void 0:l.call(n,t,this.unformatState(s),s))!==null&&h!==void 0?h:s:s;const c=this.partialFormatState(u);if(t.defaultPrevented){r.value=c.value;r.selectionStart=c.selection.start;r.selectionEnd=c.selection.end;r.selectionDirection=(a=c.selection.direction)!==null&&a!==void 0?a:null}return c}insert(t,s){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,s)&&this.replace(s,o.replace(/(\r|\n|\t)/g,""))}}return s}deleteWord(t,s){const o=u.getCursor(t.selection);const i=v.getWordBreakIndex(t.value,o,s);const e=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,i),end:Math.max(o,i),direction:"none"}}));const n=e.value.substring(0,e.selection.start)+e.value.substring(e.selection.end);e.value=n;e.selection.end=e.selection.start;return e}select(t,s,o,i){t.selection.start=s;t.selection.end=o;i&&(t.selection.direction=i)}erase(t){this.replace(t,"")}replace(t,s){t.value=t.value.substring(0,t.selection.start)+s+t.value.substring(t.selection.end);t.selection.start=t.selection.start+s.length;t.selection.end=t.selection.start}unformatState(t){return c.copy(this.formatter.unformat(p.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(p.copy(t))}createFormattedState(t){return this.formatter.format(p.copy(this.formatter.unformat(p.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,s){const o=this.toString(t)||"";const i=o.length;const e=this.createFormattedState({value:o,selection:{start:i,end:i,direction:"none"}});if(s){s.value=e.value}return e}setValue(t,s,o){const i=Object.assign(Object.assign({},s),{value:this.createFormattedState({value:this.formatter.toString(o),selection:s.selection}).value});t.value=i.value;return i}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,s,o,i){t.focus();t.selectionStart=o;t.selectionEnd=i;this.select(s,o,i);return s}}var k;(function(t){t.type=d({name:y(),key:y(),shift:m(),ctrl:m(),alt:m(),meta:m()});t.is=t.type.is;function s(t,s){return{name:t,key:s.key,shift:s.shiftKey,ctrl:s.ctrlKey,alt:s.altKey,meta:s.metaKey}}t.create=s})(k||(k={}));const w=()=>`.sc-smoothly-input-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)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-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-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-h .label.sc-smoothly-input{transform-origin:top right}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}[right].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{right:var(--input-padding-side);left:auto}[right].sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{text-align:right}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const x=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyKeydown=o(this,"smoothlyKeydown");this.smoothlyBlur=o(this,"smoothlyBlur");this.smoothlyChange=o(this,"smoothlyChange");this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=h.Observer.create(this)}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,s){if(this.inputElement){this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,s<0?this.inputElement.value.length+s+1:s)}}async listen(t){this.observer.subscribe(t)}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}typeChange(){var t,s;switch(this.type){case"price":this.stateHandler=g.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=g.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=g.create(this.type,l());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(s=this.state)===null||s===void 0?void 0:s.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=f.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const s=this.stateHandler.getValue(this.state);if(f.notEqual(s,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement){this.inputElement.value=this.state.value}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented){this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,s,o,n,l,h,a,r,u,c;return i(e,{key:"dc56c8b63c3a0402640a20a811dae85468138f3b",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((s=this.state)===null||s===void 0?void 0:s.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},i("slot",{key:"f3372746df6932f07cea568a5f16d9bbdeef39cd",name:"start"}),i("div",{key:"1d50dc7ea1c62c4835af80ec08c708d2162452c5",class:"smoothly-input-container"},i("div",{key:"f562dd8ffdda755718f02c742e0b96bc1c823071",class:"guide"},i("div",{key:"1f02c40d673223061f83933a252caf01ccede774",class:"value"},(o=this.state)===null||o===void 0?void 0:o.value),i("div",{key:"12c0b824734da7fbd20de68ce033b0da60149ecf",class:"remainder"},(n=this.state)===null||n===void 0?void 0:n.remainder)),i("input",{key:"89ff5f54533362d8776d4f500c019aef7a951b58",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(l=this.state)===null||l===void 0?void 0:l.type,inputmode:(h=this.state)===null||h===void 0?void 0:h.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(a=this.autocomplete)!==null&&a!==void 0?a:(r=this.state)===null||r===void 0?void 0:r.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((u=this.state)===null||u===void 0?void 0:u.pattern)&&((c=this.state)===null||c===void 0?void 0:c.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(k.create(this.name,t))}},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const s=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(f.notEqual(s,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),i("label",{key:"0773d2f8eac3c880558ed831dca5903f4da1f5aa",class:"label float-on-focus",htmlFor:this.name},i("slot",{key:"fbce8ed1251aa8b97937ee81ec4e07c36941de52"}))),this.copyable&&this.value&&i("span",{key:"a0ffe7c27427df173276dbedd1159d1a3428ec36",class:"copyable"},i("small",{key:"da9740e6bc386abe42a23d4e0d428a72da6ee4de"},this.copied?"Copied!":"Copy"),i("smoothly-icon",{key:"7b3eaa57b44c623c09a55ef143dd98fd90a6a660",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),i("smoothly-icon",{key:"b89c81c66a99efab0dcb5aa0f751c41c28723f64",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),i("slot",{key:"0f84b621e6860ab9b6477ee2a5aff5d0e099d1d9",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}static get style(){return w()}},[262,"smoothly-input",{color:[1537],looks:[1537],name:[513],value:[1032],type:[513],required:[516],showLabel:[516,"show-label"],autocomplete:[1],placeholder:[513],disabled:[516],readonly:[1540],toInteger:[4,"to-integer"],currency:[513],min:[2],max:[2],pad:[2],invalid:[516],errorMessage:[513,"error-message"],copyable:[516],right:[516],initialValue:[32],state:[32],copied:[32],getValue:[64],setValue:[64],setFocus:[64],setSelection:[64],listen:[64],register:[64],unregister:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64],setCustomInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["smoothly-input","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"smoothly-icon":if(!customElements.get(n(t))){b()}break}}))}C();export{x as S,C as d};
+//# sourceMappingURL=p-o8kM0Soe.js.map

package/dist/components/p-o8kM0Soe.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Deep","equal","a","b","keys","Object","length","every","key","notEqual","Adjacent","getWordBreakIndex","str","index","direction","wordRegex","getBackwardWordBreakIndex","getForwardWordBreakIndex","result","execArray","exec","lastIndex","InputStateHandler","constructor","formatter","type","this","keydownHandlers","ArrowLeft","event","state","ctrlKey","metaKey","moveCursor","ArrowRight","eventHandlers","beforeinput","insertText","insert","insertFromPaste","insertFromDrop","deleteContentBackward","preventDefault","selection","start","end","select","erase","deleteContentForward","deleteWordBackward","unformatted","formattedState","deleteWord","deleteWordForward","deleteByCut","_","input","insertReplacementText","assign","value","target","insertCompositionText","undefined","create","extra","tidily.get","onKeyDown","handler","_a","selectionStart","_b","selectionEnd","_c","selectionDirection","unformatState","formatted","partialFormatState","defaultPrevented","_d","cursor","tidily.Selection","getCursor","stalk","getStalker","Math","min","max","shiftKey","onFocus","onBlur","createFormattedState","onInputEvent","_f","_e","inputType","call","_g","data","c","allowed","replace","cursorPosition","adjacentIndex","substring","from","to","insertString","tidily.State","copy","unformat","tidily.StateEditor","unformattedState","partialFormat","format","toString","initialState","inputElement","stringValue","setValue","getValue","fromString","setSelection","focus","Key","isly.object","name","isly.string","shift","isly.boolean","ctrl","alt","meta","is","altKey","styleCss","SmoothlyInput","__stencil_proxyCustomElement","HTMLElement","registerHost","required","showLabel","disabled","readonly","invalid","copied","isDifferentFromInitial","uneditable","observer","Editable","Observer","stateHandler","setFocus","listen","listener","subscribe","nameChange","oldName","Input","formRename","register","formAdd","unregister","formRemove","clear","edit","editable","reset","initialValue","setInitialValue","smoothlyInput","emit","setCustomInitialValue","smoothlyInputLoadHandler","registerSubAction","typeChange","currency","toInteger","pad","getLocale","stateChange","publish","valueChange","lastValue","readonlyChange","componentWillLoad","smoothlyInputLooks","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","componentDidLoad","disconnectedCallback","element","isConnected","onEvent","smoothlyUserInput","copyText","navigator","clipboard","writeText","render","h","Host","class","onclick","remainder","ref","el","inputmode","placeholder","autocomplete","_h","readOnly","pattern","_j","_k","source","async","smoothlyKeydown","smoothlyBlur","smoothlyChange","htmlFor","copyable","size","onClick","onMouseLeave","tooltip","errorMessage"],"sources":["src/components/input/Deep.ts","src/components/input/Adjacent.ts","src/components/input/InputStateHandler.ts","src/components/input/Key.ts","src/components/input/style.css?tag=smoothly-input&encapsulation=scoped","src/components/input/index.tsx"],"sourcesContent":["export namespace Deep {\n\texport function equal(a: any, b: any): boolean {\n\t\tif (a === b) {\n\t\t\treturn true\n\t\t}\n\t\tif (typeof a == \"object\" && typeof b == \"object\") {\n\t\t\tconst keys = Object.keys(a)\n\t\t\tif (keys.length == Object.keys(b).length && keys.every(key => equal(a[key], b[key]))) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\treturn false\n\t}\n\texport function notEqual(a: any, b: any): boolean {\n\t\treturn !equal(a, b)\n\t}\n}\n","export namespace Adjacent {\n\texport function getWordBreakIndex(str: string, index: number, direction: \"backward\" | \"forward\"): number {\n\t\tconst wordRegex = /([^.-@\\s]+)/gi\n\t\treturn direction == \"backward\"\n\t\t\t? getBackwardWordBreakIndex(str, index, wordRegex)\n\t\t\t: getForwardWordBreakIndex(str, index, wordRegex)\n\t}\n\n\tfunction getBackwardWordBreakIndex(str: string, index: number, wordRegex: RegExp): number {\n\t\tlet result = 0\n\t\tlet execArray: RegExpExecArray | null\n\t\twhile ((execArray = wordRegex.exec(str)) != null) {\n\t\t\tif (wordRegex.lastIndex - execArray[0].length < index) {\n\t\t\t\tresult = wordRegex.lastIndex - execArray[0].length\n\t\t\t} else {\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\n\tfunction getForwardWordBreakIndex(str: string, index: number, wordRegex: RegExp): number {\n\t\tlet result = 0\n\t\twhile (wordRegex.exec(str) != null) {\n\t\t\tresult = wordRegex.lastIndex\n\t\t\tif (wordRegex.lastIndex > index) {\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t\twordRegex.lastIndex <= index && (result = str.length)\n\t\treturn result\n\t}\n}\n","import { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Adjacent } from \"./Adjacent\"\n\ntype Formatter = tidily.Formatter & tidily.Converter<any>\ntype Handler<E extends Event> = (event: E, unformatted: tidily.State, formatted: tidily.State) => tidily.State\n\nexport class InputStateHandler {\n\tconstructor(\n\t\tprivate formatter: Formatter,\n\t\tprivate type: tidily.Type\n\t) {}\n\tstatic create(type: \"price\", priceOptions: { currency?: isoly.Currency; toInteger?: boolean }): InputStateHandler\n\tstatic create(type: \"integer\", integerOptions: { min?: number; max?: number; pad?: number }): InputStateHandler\n\tstatic create(type: tidily.Type, locale?: isoly.Locale): InputStateHandler\n\tstatic create(type: tidily.Type, extra?: any): InputStateHandler {\n\t\tlet result: (tidily.Formatter & tidily.Converter<any>) | undefined\n\t\tswitch (type) {\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.get(\"price\", extra)\n\t\t\t\tbreak\n\t\t\tcase \"integer\":\n\t\t\t\tresult = tidily.get(\"integer\", extra)\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.get(type, extra)\n\t\t\t\tbreak\n\t\t}\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\treturn new InputStateHandler(result || tidily.get(\"text\")!, type)\n\t}\n\n\tpublic onKeyDown(\n\t\tevent: KeyboardEvent,\n\t\tstate: Readonly<tidily.State> & tidily.Settings\n\t): Readonly<tidily.State> & tidily.Settings {\n\t\tlet result: Readonly<tidily.State> & tidily.Settings = state\n\t\tconst handler = this.keydownHandlers[event.key]\n\t\tif (handler) {\n\t\t\tconst input = event.target as HTMLInputElement\n\t\t\tstate.selection.start = input.selectionStart ?? state.selection.start\n\t\t\tstate.selection.end = input.selectionEnd ?? state.selection.end\n\t\t\tstate.selection.direction = input.selectionDirection ?? state.selection.direction\n\t\t\tconst unformatted = handler(event, this.unformatState(state), state)\n\t\t\tconst formatted = this.partialFormatState(unformatted)\n\t\t\tif (event.defaultPrevented) {\n\t\t\t\tinput.selectionStart = formatted.selection.start\n\t\t\t\tinput.selectionEnd = formatted.selection.end\n\t\t\t\tinput.selectionDirection = formatted.selection.direction ?? null\n\t\t\t}\n\t\t\tresult = formatted\n\t\t}\n\t\treturn result\n\t}\n\tkeydownHandlers: { [key: string]: Handler<KeyboardEvent> | undefined } = {\n\t\tArrowLeft: (event, state) => (event.ctrlKey || event.metaKey ? state : this.moveCursor(event, state)),\n\t\tArrowRight: (event, state) => (event.ctrlKey || event.metaKey ? state : this.moveCursor(event, state)),\n\t}\n\n\tmoveCursor(event: KeyboardEvent, state: tidily.State): tidily.State {\n\t\tevent.preventDefault()\n\t\tlet cursor = tidily.Selection.getCursor(state.selection)\n\t\tlet stalk = tidily.Selection.getStalker(state.selection)\n\t\tcursor = Math.min(Math.max(cursor + (event.key == \"ArrowLeft\" ? -1 : 1), 0), state.value.length)\n\t\tstalk = event.shiftKey ? stalk : cursor\n\t\tstate.selection.direction = stalk < cursor ? \"forward\" : stalk > cursor ? \"backward\" : \"none\"\n\t\tstate.selection.start = Math.min(stalk, cursor)\n\t\tstate.selection.end = Math.max(stalk, cursor)\n\t\treturn state\n\t}\n\n\tpublic onFocus(event: FocusEvent, state: tidily.State) {\n\t\tconst result = this.partialFormatState(this.unformatState(state))\n\t\tconst input = event.target as HTMLInputElement\n\t\tinput.value = result.value\n\t\treturn result\n\t}\n\n\tpublic onBlur(event: FocusEvent, state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\tconst result = this.createFormattedState(state)\n\t\tconst input = event.target as HTMLInputElement\n\t\tinput.value = result.value\n\t\treturn result\n\t}\n\n\tpublic onInputEvent(event: InputEvent, state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\tconst input = event.target as HTMLInputElement\n\t\tstate.selection.start = input.selectionStart ?? state.selection.start\n\t\tstate.selection.end = input.selectionEnd ?? state.selection.end\n\t\tstate.selection.direction = input.selectionDirection ?? state.selection.direction\n\t\tconst result =\n\t\t\tevent.type == \"beforeinput\" || event.type == \"input\"\n\t\t\t\t? (this.eventHandlers[event.type][event.inputType]?.(event, this.unformatState(state), state) ?? state)\n\t\t\t\t: state\n\t\tconst formatted = this.partialFormatState(result)\n\t\tif (event.defaultPrevented) {\n\t\t\tinput.value = formatted.value\n\t\t\tinput.selectionStart = formatted.selection.start\n\t\t\tinput.selectionEnd = formatted.selection.end\n\t\t\tinput.selectionDirection = formatted.selection.direction ?? null\n\t\t}\n\t\treturn formatted\n\t}\n\tprivate eventHandlers: Record<\"beforeinput\" | \"input\", { [inputType: string]: Handler<InputEvent> | undefined }> = {\n\t\tbeforeinput: {\n\t\t\tinsertText: (event, state) => this.insert(event, state),\n\t\t\tinsertFromPaste: (event, state) => this.insert(event, state),\n\t\t\tinsertFromDrop: (event, state) => this.insert(event, state),\n\t\t\tdeleteContentBackward: (event, state) => {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tif (state.selection.start == state.selection.end) {\n\t\t\t\t\tthis.select(state, state.selection.start - 1, state.selection.end)\n\t\t\t\t}\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\tdeleteContentForward: (event, state) => {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tif (state.selection.start == state.selection.end) {\n\t\t\t\t\tthis.select(state, state.selection.start, state.selection.end + 1)\n\t\t\t\t}\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\tdeleteWordBackward: (event, unformatted, formattedState) => {\n\t\t\t\tlet result = unformatted\n\t\t\t\tif (this.type != \"password\") {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tresult = this.deleteWord(formattedState, \"backward\")\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tdeleteWordForward: (event, unformatted, formattedState) => {\n\t\t\t\tlet result = unformatted\n\t\t\t\tif (this.type != \"password\") {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tresult = this.deleteWord(formattedState, \"forward\")\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tdeleteByCut: (_, state) => {\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\t// historyUndo - TODO\n\t\t\t// historyRedo - TODO\n\t\t\t// insertLineBreak - TODO\n\t\t},\n\t\tinput: {\n\t\t\tinsertReplacementText: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t\tinsertCompositionText: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t\tdeleteWordBackward: (event, state) =>\n\t\t\t\tthis.type == \"password\" ? { ...state, value: (event.target as HTMLInputElement).value } : state,\n\t\t\tdeleteWordForward: (event, state) =>\n\t\t\t\tthis.type == \"password\" ? { ...state, value: (event.target as HTMLInputElement).value } : state,\n\t\t\t// Chrome will dispatch an input event without inputType when auto-filling\n\t\t\tundefined: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t},\n\t}\n\n\tprivate insert(event: InputEvent, unformatted: tidily.State): tidily.State {\n\t\tevent.preventDefault()\n\t\tif (typeof event.data == \"string\") {\n\t\t\tfor (const c of event.data) {\n\t\t\t\tthis.formatter.allowed(c, unformatted) && this.replace(unformatted, c.replace(/(\\r|\\n|\\t)/g, \"\"))\n\t\t\t}\n\t\t}\n\t\treturn unformatted\n\t}\n\tprivate deleteWord(formattedState: tidily.State, direction: \"backward\" | \"forward\"): tidily.State {\n\t\tconst cursorPosition = tidily.Selection.getCursor(formattedState.selection)\n\t\tconst adjacentIndex = Adjacent.getWordBreakIndex(formattedState.value, cursorPosition, direction)\n\t\tconst result = this.unformatState({\n\t\t\t...formattedState,\n\t\t\tselection: {\n\t\t\t\tstart: Math.min(cursorPosition, adjacentIndex),\n\t\t\t\tend: Math.max(cursorPosition, adjacentIndex),\n\t\t\t\tdirection: \"none\",\n\t\t\t},\n\t\t})\n\t\tconst value = result.value.substring(0, result.selection.start) + result.value.substring(result.selection.end)\n\t\tresult.value = value\n\t\tresult.selection.end = result.selection.start\n\t\treturn result\n\t}\n\n\tprivate select(state: tidily.State, from: number, to: number, direction?: tidily.Direction): void {\n\t\tstate.selection.start = from\n\t\tstate.selection.end = to\n\t\tdirection && (state.selection.direction = direction)\n\t}\n\tprivate erase(state: tidily.State): void {\n\t\tthis.replace(state, \"\")\n\t}\n\tprivate replace(state: tidily.State, insertString: string): void {\n\t\tstate.value =\n\t\t\tstate.value.substring(0, state.selection.start) + insertString + state.value.substring(state.selection.end)\n\t\tstate.selection.start = state.selection.start + insertString.length\n\t\tstate.selection.end = state.selection.start\n\t}\n\n\tprivate unformatState(formattedState: tidily.State): tidily.State {\n\t\treturn tidily.State.copy(this.formatter.unformat(tidily.StateEditor.copy(formattedState)))\n\t}\n\tprivate partialFormatState(unformattedState: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\treturn this.formatter.partialFormat(tidily.StateEditor.copy(unformattedState))\n\t}\n\tprivate createFormattedState(state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\treturn this.formatter.format(tidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy(state))))\n\t}\n\tprivate toString(value: any): string {\n\t\treturn this.formatter.toString(value)\n\t}\n\tpublic initialState(value: any, inputElement?: HTMLInputElement): Readonly<tidily.State> & tidily.Settings {\n\t\tconst stringValue = this.toString(value) || \"\"\n\t\tconst start = stringValue.length\n\t\tconst state = this.createFormattedState({\n\t\t\tvalue: stringValue,\n\t\t\tselection: { start, end: start, direction: \"none\" },\n\t\t})\n\t\tif (inputElement) {\n\t\t\tinputElement.value = state.value\n\t\t}\n\t\treturn state\n\t}\n\tpublic setValue(\n\t\tinputElement: HTMLInputElement,\n\t\tformattedState: Readonly<tidily.State> & tidily.Settings,\n\t\tvalue: any\n\t): Readonly<tidily.State> & tidily.Settings {\n\t\tconst result = {\n\t\t\t...formattedState,\n\t\t\tvalue: this.createFormattedState({ value: this.formatter.toString(value), selection: formattedState.selection })\n\t\t\t\t.value,\n\t\t}\n\t\tinputElement.value = result.value\n\t\treturn result\n\t}\n\tpublic getValue(formattedState: tidily.State): any {\n\t\treturn this.formatter.fromString(this.unformatState(formattedState).value)\n\t}\n\tpublic setSelection(\n\t\tinputElement: HTMLInputElement,\n\t\tformattedState: Readonly<tidily.State> & tidily.Settings,\n\t\tstart: number,\n\t\tend: number\n\t) {\n\t\tinputElement.focus()\n\t\tinputElement.selectionStart = start\n\t\tinputElement.selectionEnd = end\n\t\tthis.select(formattedState, start, end)\n\t\treturn formattedState\n\t}\n}\n","import { isly } from \"isly\"\n\nexport interface Key {\n\tname: string\n\tkey: string\n\tshift: boolean\n\tctrl: boolean\n\talt: boolean\n\tmeta: boolean\n}\n\nexport namespace Key {\n\texport const type = isly.object<Key>({\n\t\tname: isly.string(),\n\t\tkey: isly.string(),\n\t\tshift: isly.boolean(),\n\t\tctrl: isly.boolean(),\n\t\talt: isly.boolean(),\n\t\tmeta: isly.boolean(),\n\t})\n\texport const is = type.is\n\n\texport function create(name: string, event: KeyboardEvent): Key {\n\t\treturn {\n\t\t\tname,\n\t\t\tkey: event.key,\n\t\t\tshift: event.shiftKey,\n\t\t\tctrl: event.ctrlKey,\n\t\t\talt: event.altKey,\n\t\t\tmeta: event.metaKey,\n\t\t}\n\t}\n}\n","@import \"./shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: var(--smoothly-font-weight);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>.smoothly-input-container {\n\tposition: relative;\n\tflex-grow: 1;\n\theight: 100%;\n}\n\n:host>.smoothly-input-container>label {\n\tleft: var(--input-padding-side);\n}\n:host[right]>.smoothly-input-container>label {\n\tright: var(--input-padding-side);\n\tleft: auto;\n}\n:host[right]>div>input {\n\ttext-align: right;\n}\n\n:host:not([show-label])>div>input {\n\tpadding: 0 var(--input-padding-side);\n}\n\n:host>.smoothly-input-container>div.guide {\n\tposition: absolute;\n  box-sizing: border-box;\n  align-content: center;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host([show-label])>.smoothly-input-container>div.guide {\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host>.smoothly-input-container>div.guide>div.value {\n\tdisplay: inline;\n\tpointer-events: none;\n\topacity: 0;\n}\n:host>.smoothly-input-container>div.guide>div.remainder {\n\tdisplay: inline;\n\tpointer-events: none;\n\topacity: 0.5;\n}\n\n:host>.smoothly-input-container>input {\n\tpadding: \n\t\tvar(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n\tz-index: 1;\n\tposition: relative;\n\tfont-size: 1rem;\n\tfont-family: var(--smoothly-font-family);\n}\n:host([disabled])>.smoothly-input-container>input {\n\tcursor: not-allowed;\n}\n\n:host>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.smoothly-invalid {\n\tdisplay: flex;\n}\n\n:host>div>label {\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n:host>div>input:focus {\n\toutline: none;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill:hover,\n:host>div>input:-webkit-autofill:focus,\n:host>div>input:-webkit-autofill:active {\n\tbox-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n\t-webkit-box-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill+label {\n\t-webkit-text-fill-color: rgb(var(--smoothly-input-foreground));\n}\n:host>span.copyable {\n\tposition: relative;\n}\n:host>span.copyable>smoothly-icon {\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.5rem;\n\n}\n:host>span.copyable:hover small,\n:host>span.copyable:focus small {\n\tdisplay: block;\n}\n:host>span.copyable>small {\n\tdisplay: none;\n\twidth: max-content;\n\tborder-radius: 0.25rem;\n\tpadding: 0.2rem 0.3rem;\n\tposition: absolute;\n\tright: -0.5rem;\n\ttop: -2rem;\n\tbackground-color: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-tint));\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { getLocale } from \"../../model/getLocale\"\nimport { Clearable } from \"./Clearable\"\nimport { Deep } from \"./Deep\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { InputStateHandler } from \"./InputStateHandler\"\nimport { Key } from \"./Key\"\nimport { Looks } from \"./Looks\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput implements Clearable, Input, Editable {\n\t@Element() element: HTMLSmoothlyInputElement\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 }) value: any\n\t@Prop({ reflect: true }) type: tidily.Type = \"text\"\n\t@Prop({ reflect: true }) required = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() autocomplete?: Exclude<tidily.Settings[\"autocomplete\"], undefined>\n\t@Prop({ reflect: true }) placeholder: string | undefined\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop() toInteger?: boolean\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop() min?: number\n\t@Prop() max?: number\n\t@Prop() pad?: number\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) copyable?: boolean\n\t@Prop({ reflect: true }) right?: boolean\n\t@State() initialValue?: any\n\t@State() state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\t@State() copied = false\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate stateHandler: InputStateHandler\n\tprivate inputElement: HTMLInputElement | undefined\n\tprivate uneditable = this.readonly\n\tprivate observer = Editable.Observer.create(this)\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyKeydown: EventEmitter<Key>\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\n\t@Method()\n\tasync getValue(): Promise<any | undefined> {\n\t\treturn this.stateHandler.getValue(this.state)\n\t}\n\t@Method()\n\tasync setValue(value: any): Promise<void> {\n\t\tif (this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t}\n\t}\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.inputElement?.focus()\n\t}\n\t@Method()\n\tasync setSelection(start: number, end: number): Promise<void> {\n\t\tif (this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setSelection(\n\t\t\t\tthis.inputElement,\n\t\t\t\tthis.state,\n\t\t\t\tstart,\n\t\t\t\tend < 0 ? this.inputElement.value.length + end + 1 : end\n\t\t\t)\n\t\t}\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, undefined)\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\t!this.uneditable && (this.readonly = !editable)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, this.initialValue)\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t}\n\t@Method()\n\tasync setCustomInitialValue(value: any): Promise<void> {\n\t\tthis.initialValue = value\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"currency\")\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"price\", { currency: this.currency, toInteger: this.toInteger })\n\t\t\t\tbreak\n\t\t\tcase \"integer\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"integer\", { min: this.min, max: this.max, pad: this.pad })\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tthis.stateHandler = InputStateHandler.create(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\t\tthis.state = this.stateHandler.initialState(this.value ?? this.state?.value, this.inputElement)\n\t}\n\t@Watch(\"state\")\n\tstateChange() {\n\t\tconst value = this.stateHandler.getValue(this.state)\n\t\tthis.isDifferentFromInitial = Deep.notEqual(this.initialValue, value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"value\")\n\tvalueChange(value: any) {\n\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\tif (Deep.notEqual(lastValue, value) && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\treadonlyChange() {\n\t\tthis.observer.publish()\n\t}\n\tcomponentWillLoad() {\n\t\tthis.initialValue = this.value\n\t\tthis.typeChange()\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.observer.publish()\n\t}\n\tcomponentDidLoad() {\n\t\tif (this.inputElement) {\n\t\t\tthis.inputElement.value = this.state.value\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Listen(\"input\")\n\t@Listen(\"beforeinput\")\n\tonEvent(event: InputEvent) {\n\t\tthis.state = this.stateHandler.onInputEvent(event, this.state)\n\t\tif (event.type == \"input\" || event.defaultPrevented) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\tcopyText(value?: string) {\n\t\tif (value) {\n\t\t\tnavigator.clipboard.writeText(value)\n\t\t\tthis.copied = true\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div class=\"smoothly-input-container\">\n\t\t\t\t\t<div class={\"guide\"}>\n\t\t\t\t\t\t<div class={\"value\"}>{this.state?.value}</div>\n\t\t\t\t\t\t<div class={\"remainder\"}>{this.state?.remainder}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tinputmode={this.state?.inputmode}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ?? this.state?.autocomplete}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tonKeyDown={async event => {\n\t\t\t\t\t\t\tthis.state = this.stateHandler.onKeyDown(event, this.state)\n\t\t\t\t\t\t\tif (!this.readonly && !this.disabled) {\n\t\t\t\t\t\t\t\tthis.smoothlyKeydown.emit(Key.create(this.name, event))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonFocus={event => !this.readonly && (this.state = this.stateHandler.onFocus(event, this.state))}\n\t\t\t\t\t\tonBlur={event => {\n\t\t\t\t\t\t\tif (!this.readonly) {\n\t\t\t\t\t\t\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\t\t\t\t\t\t\tthis.state = this.stateHandler.onBlur(event, this.state)\n\t\t\t\t\t\t\t\tthis.smoothlyBlur.emit()\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\tif (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state))) {\n\t\t\t\t\t\t\t\t\tthis.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<label class={\"label float-on-focus\"} htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t\t{this.copyable && this.value && (\n\t\t\t\t\t<span class=\"copyable\">\n\t\t\t\t\t\t<small>{this.copied ? \"Copied!\" : \"Copy\"}</small>\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname=\"copy-outline\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => this.copyText(this.value)}\n\t\t\t\t\t\t\tonMouseLeave={() => (this.copied = false)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-DGTXEwvN.js → p-tD13Ef_1.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as a,t as i}from"./p-BsZrGTcp.js";import{d as s}from"./p-DDYB8QLF.js";import{d}from"./p-Bo1NnbuT.js";import{d as c}from"./p-BQOdxeHU.js";import{d as m}from"./p-BcEDrfmP.js";import{d as n}from"./p-2Y5tLcQ1.js";const r=()=>`.sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}selectedChange(){console.log("selected",this.selected)}render(){return o(a,{key:"926c46d5493184b5562db849fe49f8bc69467635"},o("h2",{key:"482f5b5dad79420a7d17fd32f8ca364fff3fea40"},"radio input - column direction"),o("smoothly-input-radio",{key:"56b8f69f400852f3476747d3cfca4e208659a55a",name:"radio",direction:"column",onSmoothlyInput:e=>this.selected=e.detail.radio},o("smoothly-input-radio-item",{key:"f8efa9578d1cd57ed8a1c39f99d1ceb61dc15c0a",value:"1"},o("span",{key:"e8a9613c4be5a9a5f22e27376e2a5c3dc9432e9e"},"Option 1"),o("span",{key:"59f7cb9ed2fb5ca96e16af28567e6ac29c920ee7",slot:"detail"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),o("smoothly-input-radio-item",{key:"6c4733d75808282a051c25ccafdbffae1efec8b4",value:"2",selected:true},o("span",{key:"135b8ad7de02530fb2ec7b1748c706ed7ad6a275"},"Option 2"),o("div",{key:"8d8beb1041e44e46afe0423540b385ad7aa0a0d1",slot:"detail"},o("smoothly-tabs",{key:"9295b932c4f29d8672003b063930beb56075662c"},o("smoothly-tab",{key:"970586efae1aa46ddeb1c6ef203b89682251d77f",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"8faade213577e3d7cd4481f8c09ca80210f8312b",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"00c1e6c7f8fa0e3d2ee17f20ac212463f515c7a3",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}static get style(){return r()}},[2,"smoothly-input-demo-radio",{selected:[32]},undefined,{selected:[{selectedChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-radio","smoothly-icon","smoothly-input-radio","smoothly-input-radio-item","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-input-demo-radio":if(!customElements.get(i(e))){customElements.define(i(e),l)}break;case"smoothly-icon":if(!customElements.get(i(e))){s()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){d()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){c()}break;case"smoothly-tab":if(!customElements.get(i(e))){m()}break;case"smoothly-tabs":if(!customElements.get(i(e))){n()}break}}))}u();export{l as S,u as d};
-//# sourceMappingURL=p-DGTXEwvN.js.map
+import{p as e,H as t,h as o,d as a,t as i}from"./p-BsZrGTcp.js";import{d as s}from"./p-DFSiKg4M.js";import{d}from"./p-wjlHVReJ.js";import{d as m}from"./p-4Xn3Nprv.js";import{d as c}from"./p-Cs0CtSI2.js";import{d as n}from"./p-2Y5tLcQ1.js";const l=()=>`.sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const r=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}selectedChange(){console.log("selected",this.selected)}render(){return o(a,{key:"1d9b9369e8ab2eaef5660633873c4e9d6688446c"},o("h2",{key:"3ce4a937fed4e899be4becf616b328eb3bbf6807"},"radio input - column direction"),o("smoothly-input-radio",{key:"3f99a12df3e65d6e43ca7c1f592dc4c358b4f173",name:"radio",direction:"column",onSmoothlyInput:e=>this.selected=e.detail.radio},o("smoothly-input-radio-item",{key:"feda533691060ea6c92b08268e5ce977b535e8cb",value:"1"},o("span",{key:"3635ace507b96b4596f612244f47bd52fa4efbde"},"Option 1"),o("span",{key:"fed88b7f85dcb5f40bd76defb20d337945ae1973",slot:"detail"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),o("smoothly-input-radio-item",{key:"4973ad139be68dadadf3632b10734a70cd9dadec",value:"2",selected:true},o("span",{key:"0c00fc9d3fe743d98322e37b04d250207ccb86dd"},"Option 2"),o("div",{key:"d2eda29ea9aabb04c4f017b7cb9f3500033efc38",slot:"detail"},o("smoothly-tabs",{key:"df82602edfa7865c748dfc801b275ee6ad420798"},o("smoothly-tab",{key:"5d0d4ad5de30797b4146bbd3b49f3d437eeb7be0",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"96c1e24f24443f3ca5ed9110c1f61bfe83e77922",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"fec1d4386c7221ed7164f89b0c4b74caac413a54",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}static get style(){return l()}},[2,"smoothly-input-demo-radio",{selected:[32]},undefined,{selected:[{selectedChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-radio","smoothly-icon","smoothly-input-radio","smoothly-input-radio-item","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-input-demo-radio":if(!customElements.get(i(e))){customElements.define(i(e),r)}break;case"smoothly-icon":if(!customElements.get(i(e))){s()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){d()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){m()}break;case"smoothly-tab":if(!customElements.get(i(e))){c()}break;case"smoothly-tabs":if(!customElements.get(i(e))){n()}break}}))}u();export{r as S,u as d};
+//# sourceMappingURL=p-tD13Ef_1.js.map