smoothly 1.0.0-alpha.96 → 1.0.0-alpha.98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/cjs/index.cjs.js +1 -1
  2. package/dist/cjs/{redirect-aecfeda0.js → redirect-2e5d4524.js} +6 -4
  3. package/dist/cjs/redirect-2e5d4524.js.map +1 -0
  4. package/dist/cjs/smoothly-accordion_66.cjs.entry.js +4 -4
  5. package/dist/cjs/smoothly-accordion_66.cjs.entry.js.map +1 -1
  6. package/dist/collection/components/input/date/index.js +1 -1
  7. package/dist/collection/components/input/date/index.js.map +1 -1
  8. package/dist/collection/components/input/index.js +1 -1
  9. package/dist/collection/components/input/index.js.map +1 -1
  10. package/dist/collection/components/input/style.css +0 -2
  11. package/dist/collection/model/redirect.js +5 -3
  12. package/dist/collection/model/redirect.js.map +1 -1
  13. package/dist/custom-elements/index.js +8 -6
  14. package/dist/custom-elements/index.js.map +1 -1
  15. package/dist/esm/index.js +1 -1
  16. package/dist/esm/{redirect-1e0be743.js → redirect-b0f87e88.js} +6 -4
  17. package/dist/esm/redirect-b0f87e88.js.map +1 -0
  18. package/dist/esm/smoothly-accordion_66.entry.js +4 -4
  19. package/dist/esm/smoothly-accordion_66.entry.js.map +1 -1
  20. package/dist/smoothly/index.esm.js +1 -1
  21. package/dist/smoothly/{p-512dc93d.entry.js → p-a245e37d.entry.js} +2 -2
  22. package/dist/smoothly/{p-512dc93d.entry.js.map → p-a245e37d.entry.js.map} +1 -1
  23. package/dist/smoothly/p-c833c402.js +2 -0
  24. package/dist/smoothly/p-c833c402.js.map +1 -0
  25. package/dist/smoothly/smoothly.esm.js +1 -1
  26. package/package.json +1 -1
  27. package/dist/cjs/redirect-aecfeda0.js.map +0 -1
  28. package/dist/esm/redirect-1e0be743.js.map +0 -1
  29. package/dist/smoothly/p-4eff8c31.js +0 -2
  30. package/dist/smoothly/p-4eff8c31.js.map +0 -1
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const Data = require('./Data-afbe461d.js');
6
6
  const GoogleFont = require('./GoogleFont-6c4f0da1.js');
7
- const redirect = require('./redirect-aecfeda0.js');
7
+ const redirect = require('./redirect-2e5d4524.js');
8
8
 
9
9
  class ClientIdentifier {
10
10
  constructor() { }
@@ -91,12 +91,14 @@ class Notice {
91
91
  }
92
92
 
93
93
  function redirect(path) {
94
- window.history.pushState({ smoothlyPath: path }, "", new URL(window.location.href).origin + path);
95
- window.history.back();
96
- window.history.forward();
94
+ const state = { smoothlyPath: path };
95
+ const url = new URL(window.location.href);
96
+ url.pathname = path;
97
+ window.history.pushState(state, "", path);
98
+ window.dispatchEvent(new PopStateEvent("popstate", { state }));
97
99
  }
98
100
 
99
101
  exports.Notice = Notice;
100
102
  exports.redirect = redirect;
101
103
 
102
- //# sourceMappingURL=redirect-aecfeda0.js.map
104
+ //# sourceMappingURL=redirect-2e5d4524.js.map
@@ -0,0 +1 @@
1
+ {"file":"redirect-2e5d4524.js","mappings":"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","names":[],"sources":["./src/model/Notice.ts","./src/model/redirect.ts"],"sourcesContent":["export class Notice {\n\tprivate timer?: number\n\tget state(): Notice.State {\n\t\treturn this.stateValue\n\t}\n\tset state(value: Notice.State) {\n\t\tif (this.stateValue != value) {\n\t\t\tthis.stateValue = value\n\t\t\tthis.emit()\n\t\t}\n\t}\n\n\tprivate listeners: Notice.Listener[] = []\n\tget message(): string {\n\t\treturn this.messageValue\n\t}\n\tset message(value: string) {\n\t\tif (this.messageValue != value) {\n\t\t\tthis.messageValue = value\n\t\t\tthis.emit()\n\t\t}\n\t}\n\tprivate constructor(private stateValue: Notice.State, private messageValue: string, private task?: Notice.Task) {\n\t\tswitch (stateValue) {\n\t\t\tcase \"delayed\":\n\t\t\t\tthis.timer = window.setTimeout(() => this.execute(), 5000)\n\t\t\t\tbreak\n\t\t\tcase \"executing\":\n\t\t\t\tthis.execute()\n\t\t\t\tbreak\n\t\t\tcase \"success\":\n\t\t\tcase \"warning\":\n\t\t\tcase \"failed\":\n\t\t\t\tthis.startCloseTimer()\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tbreak\n\t\t}\n\t}\n\tlisten(listener: Notice.Listener) {\n\t\tthis.listeners.push(listener)\n\t}\n\tunlisten(listener: Notice.Listener) {\n\t\tthis.listeners.filter(l => l != listener)\n\t}\n\tprivate emit() {\n\t\tthis.listeners.forEach(l => l(this))\n\t}\n\tprivate execute() {\n\t\tthis.clearTimer()\n\t\tif (this.task) {\n\t\t\tthis.state = \"executing\"\n\t\t\tthis.task(this).then(r => {\n\t\t\t\tthis.messageValue = r[1] // emit is triggered by the state change below\n\t\t\t\tthis.state = r[0] ? \"success\" : \"failed\"\n\t\t\t\tthis.startCloseTimer()\n\t\t\t})\n\t\t} else\n\t\t\tthis.state = \"failed\"\n\t}\n\tprivate startCloseTimer() {\n\t\tthis.timer = window.setTimeout(() => this.close(), 15000)\n\t}\n\n\tclose() {\n\t\tthis.clearTimer()\n\t\tthis.state = \"closed\"\n\t}\n\tprivate clearTimer() {\n\t\tif (this.timer) {\n\t\t\twindow.clearTimeout(this.timer)\n\t\t\tthis.timer = undefined\n\t\t}\n\t}\n\n\tstatic delay(message: string, task: Notice.Task): Notice {\n\t\treturn new Notice(\"delayed\", message, task)\n\t}\n\tstatic execute(message: string, task: Notice.Task): Notice {\n\t\treturn new Notice(\"executing\", message, task)\n\t}\n\tstatic succeeded(message: string): Notice {\n\t\treturn new Notice(\"success\", message)\n\t}\n\tstatic failed(message: string): Notice {\n\t\treturn new Notice(\"failed\", message)\n\t}\n\tstatic warn(message: string): Notice {\n\t\treturn new Notice(\"warning\", message)\n\t}\n}\nexport namespace Notice {\n\texport type State = \"delayed\" | \"executing\" | \"success\" | \"warning\" | \"failed\" | \"closed\"\n\texport type Listener = (notice: Notice) => void\n\texport type Task = (notice: Notice) => Promise<[boolean, string]>\n}\n","export function redirect(path: string): void {\n\tconst state = { smoothlyPath: path }\n\tconst url = new URL(window.location.href)\n\turl.pathname = path\n\twindow.history.pushState(state, \"\", path)\n\twindow.dispatchEvent(new PopStateEvent(\"popstate\", { state }))\n}\n"],"version":3}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-6ae370b4.js');
6
6
  const Data = require('./Data-afbe461d.js');
7
7
  require('./GoogleFont-6c4f0da1.js');
8
- const redirect = require('./redirect-aecfeda0.js');
8
+ const redirect = require('./redirect-2e5d4524.js');
9
9
  const getLanguage = require('./getLanguage-7e53766b.js');
10
10
 
11
11
  const styleCss$Y = "smoothly-accordion-item.sc-smoothly-accordion{border:1px solid rgb(var(--smoothly-dark-color));border-bottom:none}smoothly-accordion-item.sc-smoothly-accordion:first-of-type{border-top-left-radius:4px;border-top-right-radius:4px;margin-top:0.4em}smoothly-accordion-item.sc-smoothly-accordion:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:1px solid rgb(var(--smoothly-dark-color));margin-bottom:0.6em}smoothly-accordion-item[open].sc-smoothly-accordion{border-color:rgb(var(--smoothly-primary-color));border-bottom:1px solid rgb(var(--smoothly-primary-color))}smoothly-accordion-item[open].sc-smoothly-accordion+smoothly-accordion-item.sc-smoothly-accordion{border-top:none}";
@@ -27620,7 +27620,7 @@ const SmoothlyIconDemo = class {
27620
27620
  };
27621
27621
  SmoothlyIconDemo.style = styleCss$G;
27622
27622
 
27623
- const styleCss$F = ".sc-smoothly-input-h{box-sizing:border-box}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}.sc-smoothly-input-h[looks=\"grid\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);padding:0 0.4em;overflow:hidden;background-color:rgb(var(--background-color, var(--smoothly-color-shade)));color:rgb(var(--text-color, var(--smoothly-color-contrast)))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}label.sc-smoothly-input{position:absolute;left:0;top:0.6em;color:rgb(var(--text-color, var(--smoothly-color-contrast)));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label]) label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label]) input.sc-smoothly-input{padding:0.7em 0.3em 0.7em 0.4em}input.sc-smoothly-input{padding:1.2em 0.3em 0.2em 0.4em;box-sizing:border-box;width:100%;height:100%;background:none;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family);background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}[placeholder].sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}input.sc-smoothly-input:focus{outline:none}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill:hover,input.sc-smoothly-input:-webkit-autofill:focus,input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--background-color, var(--smoothly-color-shade))) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--background-color, var(--smoothly-color-shade))) inset}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--text-color, var(--smoothly-color-contrast)))}";
27623
+ const styleCss$F = ".sc-smoothly-input-h{box-sizing:border-box}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}.sc-smoothly-input-h[looks=\"grid\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);padding:0 0.4em;overflow:hidden;background-color:rgb(var(--background-color, var(--smoothly-color-shade)));color:rgb(var(--text-color, var(--smoothly-color-contrast)))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}label.sc-smoothly-input{position:absolute;left:0;top:0.6em;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label]) label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label]) input.sc-smoothly-input{padding:0.7em 0.3em 0.7em 0.4em}input.sc-smoothly-input{padding:1.2em 0.3em 0.2em 0.4em;box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family);background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}[placeholder].sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}input.sc-smoothly-input:focus{outline:none}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill:hover,input.sc-smoothly-input:-webkit-autofill:focus,input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--background-color, var(--smoothly-color-shade))) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--background-color, var(--smoothly-color-shade))) inset}input.sc-smoothly-input:-webkit-autofill,input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--text-color, var(--smoothly-color-contrast)))}";
27624
27624
 
27625
27625
  const SmoothlyInput = class {
27626
27626
  constructor(hostRef) {
@@ -27840,7 +27840,7 @@ const SmoothlyInput = class {
27840
27840
  }
27841
27841
  render() {
27842
27842
  var _a, _b, _c, _d, _e, _f, _g;
27843
- return (index.h(index.Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { name: "start" }), index.h("div", null, index.h("input", { name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, readOnly: this.readonly, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("label", { htmlFor: this.name }, index.h("slot", null)), index.h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { name: "end" })));
27843
+ return (index.h(index.Host, { class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { name: "start" }), index.h("div", null, index.h("input", { color: this.color, name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, readOnly: this.readonly, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("label", { htmlFor: this.name }, index.h("slot", null)), index.h("smoothly-icon", { name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { name: "end" })));
27844
27844
  }
27845
27845
  static get watchers() { return {
27846
27846
  "value": ["valueWatcher"],
@@ -27943,7 +27943,7 @@ const InputDate = class {
27943
27943
  render() {
27944
27944
  var _a;
27945
27945
  return [
27946
- index.h("smoothly-input", { name: this.name, onFocus: () => (this.open = !this.open), onClick: () => (this.open = !this.open), disabled: this.disabled, type: "date", value: this.value, looks: "plain", showLabel: this.showLabel, onSmoothlyInput: e => (this.value = e.detail[this.name]) }, index.h("slot", null)),
27946
+ index.h("smoothly-input", { color: this.color, name: this.name, onFocus: () => (this.open = !this.open), onClick: () => (this.open = !this.open), disabled: this.disabled, type: "date", value: this.value, looks: "plain", showLabel: this.showLabel, onSmoothlyInput: e => (this.value = e.detail[this.name]) }, index.h("slot", null)),
27947
27947
  this.open && !this.disabled
27948
27948
  ? [
27949
27949
  index.h("div", { onClick: () => (this.open = false) }),