@cas-smartdesign/field-validation-message 5.0.1 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/docs/doc.css +1 -1
  2. package/dist/docs/doc.mjs +37 -41
  3. package/dist/field-validation-message-with-externals.js +6 -24
  4. package/dist/field-validation-message-with-externals.js.map +4 -4
  5. package/dist/field-validation-message.d.ts +1 -1
  6. package/dist/field-validation-message.mjs +28 -28
  7. package/dist/field-validation-message.mjs.map +1 -1
  8. package/npm-third-party-licenses.json +52 -47
  9. package/package.json +5 -5
  10. package/readme.md +0 -2
package/dist/field-validation-message.d.ts CHANGED
@@ -7,7 +7,7 @@ declare global {
7
7
  export default class SDFieldValidationMessage extends LitElement {
8
8
  static readonly ID = "sd-field-validation-message";
9
9
  static parseLevel(value: string): ValidationLevel;
10
- static levelConverter: ComplexAttributeConverter<unknown, unknown>;
10
+ static levelConverter: ComplexAttributeConverter;
11
11
  message: string;
12
12
  icon: string;
13
13
  level: ValidationLevel;
package/dist/field-validation-message.mjs CHANGED
@@ -1,30 +1,30 @@
1
- import { LitElement as d, css as u, unsafeCSS as f, html as p } from "lit";
2
- import { property as g } from "lit/decorators/property.js";
1
+ import { LitElement as p, unsafeCSS as u, css as f, html as d } from "lit";
2
+ import { property as n } from "lit/decorators/property.js";
3
3
  const m = ":host{display:inline-block;font-size:13px;line-height:20px;font-family:Segoe UI,Lucida Sans,Arial,sans-serif;color:#111;contain:content}:host([hidden]){display:none!important}:host([level=warn i]){color:#555}:host([level=suggest i]){color:#bf8800}:host([level=error i]){color:#cc0017}:host([level=warn]){color:#555}:host([level=suggest]){color:#bf8800}:host([level=error]){color:#cc0017}.icon{height:12px;width:12px;padding-right:4px;margin-bottom:-1px}", w = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cstyle%20id='style3'%3e%20.st0{fill:%23fff}.st1{fill:%23c00}%20%3c/style%3e%3cg%20id='g5'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20id='path9'/%3e%3c/g%3e%3cg%20id='g11'%3e%3cpath%20class='st0'%20id='rect13'%20d='M5.5%202.5h1v4h-1z'/%3e%3cpath%20class='st1'%20d='M6%203v3-3m1-1H5v5h2V2z'%20id='path15'/%3e%3c/g%3e%3cg%20id='g17'%3e%3cpath%20class='st0'%20id='rect19'%20d='M5.5%208.5h1v1h-1z'/%3e%3cpath%20class='st1'%20id='polygon21'%20d='M7%208H5v2h2V8z'/%3e%3c/g%3e%3c/svg%3e", y = "data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M12%20.8l11%2019.8v1.3H1v-1.3L12%20.8zm.8-.6h-1.6L0%2020v3h24v-3L12.8.2z'/%3e%3cpath%20class='st0'%20d='M11%208h2v8h-2zm0%2010h2v2h-2z'/%3e%3c/svg%3e", x = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20fill='%23555'/%3e%3cpath%20d='M6%209V6v3m-1%201h2V5H5v5zm2-8H5v2h2z'%20class='st1'%20fill='%23555'/%3e%3c/svg%3e";
4
- var b = Object.defineProperty, z = Object.getOwnPropertyDescriptor, v = (s, e, o, l) => {
5
- for (var r = l > 1 ? void 0 : l ? z(e, o) : e, i = s.length - 1, a; i >= 0; i--)
6
- (a = s[i]) && (r = (l ? a(e, o, r) : a(r)) || r);
7
- return l && r && b(e, o, r), r;
4
+ var z = Object.defineProperty, h = (s, e, o, g) => {
5
+ for (var r = void 0, i = s.length - 1, v; i >= 0; i--)
6
+ (v = s[i]) && (r = v(e, o, r) || r);
7
+ return r && z(e, o, r), r;
8
8
  }, t;
9
- const c = (t = class extends d {
9
+ const l = (t = class extends p {
10
10
  static parseLevel(e) {
11
11
  if (e) {
12
- const o = Object.keys(h).find(
13
- (l) => l.toLowerCase() === e.toLowerCase()
12
+ const o = Object.keys(a).find(
13
+ (g) => g.toLowerCase() === e.toLowerCase()
14
14
  );
15
- return o && h[o];
15
+ return o && a[o];
16
16
  }
17
17
  }
18
18
  static get styles() {
19
19
  return [
20
- u`
21
- ${f(m)}
20
+ f`
21
+ ${u(m)}
22
22
  `
23
23
  ];
24
24
  }
25
25
  // prettier-ignore
26
26
  render() {
27
- return p`${this.iconToUse && p`<img class="icon" src="${this.iconToUse}">`}${this.message}`;
27
+ return d`${this.iconToUse && d`<img class="icon" src="${this.iconToUse}">`}${this.message}`;
28
28
  }
29
29
  get iconToUse() {
30
30
  return this.icon || this._defaultIconPath;
@@ -52,23 +52,23 @@ const c = (t = class extends d {
52
52
  return e && e.toLowerCase();
53
53
  }
54
54
  }, t);
55
- v([
56
- g({ type: String, attribute: !0 })
57
- ], c.prototype, "message", 2);
58
- v([
59
- g({ type: String, attribute: !0 })
60
- ], c.prototype, "icon", 2);
61
- v([
62
- g({
63
- converter: c.levelConverter,
55
+ h([
56
+ n({ type: String, attribute: !0 })
57
+ ], l.prototype, "message");
58
+ h([
59
+ n({ type: String, attribute: !0 })
60
+ ], l.prototype, "icon");
61
+ h([
62
+ n({
63
+ converter: l.levelConverter,
64
64
  reflect: !0
65
65
  })
66
- ], c.prototype, "level", 2);
67
- let n = c;
68
- var h = /* @__PURE__ */ ((s) => (s.Warn = "warn", s.Suggest = "suggest", s.Error = "error", s))(h || {});
69
- customElements.get(n.ID) || customElements.define(n.ID, n);
66
+ ], l.prototype, "level");
67
+ let c = l;
68
+ var a = /* @__PURE__ */ ((s) => (s.Warn = "warn", s.Suggest = "suggest", s.Error = "error", s))(a || {});
69
+ customElements.get(c.ID) || customElements.define(c.ID, c);
70
70
  export {
71
- h as ValidationLevel,
72
- n as default
71
+ a as ValidationLevel,
72
+ c as default
73
73
  };
74
74
  //# sourceMappingURL=field-validation-message.mjs.map
package/dist/field-validation-message.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"field-validation-message.mjs","sources":["../error.svg","../suggest.svg","../warn.svg","../field-validation-message.ts"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cstyle%20id='style3'%3e%20.st0{fill:%23fff}.st1{fill:%23c00}%20%3c/style%3e%3cg%20id='g5'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20id='path9'/%3e%3c/g%3e%3cg%20id='g11'%3e%3cpath%20class='st0'%20id='rect13'%20d='M5.5%202.5h1v4h-1z'/%3e%3cpath%20class='st1'%20d='M6%203v3-3m1-1H5v5h2V2z'%20id='path15'/%3e%3c/g%3e%3cg%20id='g17'%3e%3cpath%20class='st0'%20id='rect19'%20d='M5.5%208.5h1v1h-1z'/%3e%3cpath%20class='st1'%20id='polygon21'%20d='M7%208H5v2h2V8z'/%3e%3c/g%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M12%20.8l11%2019.8v1.3H1v-1.3L12%20.8zm.8-.6h-1.6L0%2020v3h24v-3L12.8.2z'/%3e%3cpath%20class='st0'%20d='M11%208h2v8h-2zm0%2010h2v2h-2z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20fill='%23555'/%3e%3cpath%20d='M6%209V6v3m-1%201h2V5H5v5zm2-8H5v2h2z'%20class='st1'%20fill='%23555'/%3e%3c/svg%3e\"","import { LitElement, html, PropertyValues, unsafeCSS, TemplateResult, ComplexAttributeConverter, css } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport style from \"./style.scss?inline\";\n\nimport error from \"./error.svg\";\nimport suggest from \"./suggest.svg\";\nimport warn from \"./warn.svg\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [SDFieldValidationMessage.ID]: SDFieldValidationMessage;\n }\n}\n\nexport default class SDFieldValidationMessage extends LitElement {\n public static readonly ID = \"sd-field-validation-message\";\n\n public static parseLevel(value: string): ValidationLevel {\n if (value) {\n const correspondingEnumKey = Object.keys(ValidationLevel).find(\n (level) => level.toLowerCase() === value.toLowerCase(),\n );\n return correspondingEnumKey && ValidationLevel[correspondingEnumKey];\n }\n }\n public static levelConverter = {\n fromAttribute(value: string): ValidationLevel {\n return SDFieldValidationMessage.parseLevel(value);\n },\n toAttribute(value: ValidationLevel): string {\n return value && value.toLowerCase();\n },\n } as ComplexAttributeConverter;\n\n @property({ type: String, attribute: true })\n public message: string;\n @property({ type: String, attribute: true })\n public icon: string;\n @property({\n converter: SDFieldValidationMessage.levelConverter,\n reflect: true,\n })\n public level: ValidationLevel;\n\n private _defaultIconPath: string;\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n\n // prettier-ignore\n render(): TemplateResult {\n return html`${this.iconToUse && html`<img class=\"icon\" src=\"${this.iconToUse}\">`}${this.message}`;\n }\n\n private get iconToUse(): string {\n return this.icon || this._defaultIconPath;\n }\n\n shouldUpdate(changedProperties: PropertyValues): boolean {\n if (changedProperties.has(\"level\")) {\n this._defaultIconPath = this.iconForLevel;\n if (!this.icon) {\n return true;\n }\n }\n return super.shouldUpdate(changedProperties);\n }\n\n private get iconForLevel(): string {\n switch (SDFieldValidationMessage.parseLevel(this.level)) {\n case ValidationLevel.Warn:\n return warn;\n case ValidationLevel.Suggest:\n return suggest;\n case ValidationLevel.Error:\n return error;\n default:\n return null;\n }\n }\n}\n\nexport enum ValidationLevel {\n Warn = \"warn\",\n Suggest = \"suggest\",\n Error = \"error\",\n}\n\nif (!customElements.get(SDFieldValidationMessage.ID)) {\n customElements.define(SDFieldValidationMessage.ID, SDFieldValidationMessage);\n}\n"],"names":["error","suggest","warn","_SDFieldValidationMessage","_a","LitElement","value","correspondingEnumKey","ValidationLevel","level","css","unsafeCSS","style","html","changedProperties","__decorateClass","property","SDFieldValidationMessage"],"mappings":";;mdAAeA,IAAA,uuBCAAC,IAAA,iVCAAC,IAAA;;;;;;ACcf,MAAqBC,KAArBC,IAAA,cAAsDC,EAAW;AAAA,EAG7D,OAAc,WAAWC,GAAgC;AACrD,QAAIA,GAAO;AACP,YAAMC,IAAuB,OAAO,KAAKC,CAAe,EAAE;AAAA,QACtD,CAACC,MAAUA,EAAM,YAAY,MAAMH,EAAM,YAAY;AAAA,MAAA;AAElD,aAAAC,KAAwBC,EAAgBD,CAAoB;AAAA,IACvE;AAAA,EACJ;AAAA,EAsBA,WAAW,SAAS;AACT,WAAA;AAAA,MACHG;AAAA,kBACMC,EAAUC,CAAK,CAAC;AAAA;AAAA,IAAA;AAAA,EAG9B;AAAA;AAAA,EAGA,SAAyB;AACd,WAAAC,IAAO,KAAK,aAAaA,2BAA8B,KAAK,SAAS,IAAI,GAAG,KAAK,OAAO;AAAA,EACnG;AAAA,EAEA,IAAY,YAAoB;AACrB,WAAA,KAAK,QAAQ,KAAK;AAAA,EAC7B;AAAA,EAEA,aAAaC,GAA4C;AACjD,WAAAA,EAAkB,IAAI,OAAO,MAC7B,KAAK,mBAAmB,KAAK,cACzB,CAAC,KAAK,QACC,KAGR,MAAM,aAAaA,CAAiB;AAAA,EAC/C;AAAA,EAEA,IAAY,eAAuB;AAC/B,YAAQV,EAAyB,WAAW,KAAK,KAAK,GAAG;AAAA,MACrD,KAAK;AACM,eAAAF;AAAA,MACX,KAAK;AACM,eAAAD;AAAA,MACX,KAAK;AACM,eAAAD;AAAA,MACX;AACW,eAAA;AAAA,IACf;AAAA,EACJ;AACJ,GAtEII,EAAuB,KAAK,+BAU5BA,EAAc,iBAAiB;AAAA,EAC3B,cAAcE,GAAgC;AACnC,WAAAF,EAAyB,WAAWE,CAAK;AAAA,EACpD;AAAA,EACA,YAAYA,GAAgC;AACjC,WAAAA,KAASA,EAAM;EAC1B;AAAA,GAjBRF;AAqBWW,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,QAAQ,WAAW,IAAM;AAAA,GApB1Bb,EAqBV,WAAA,WAAA,CAAA;AAEAY,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,QAAQ,WAAW,IAAM;AAAA,GAtB1Bb,EAuBV,WAAA,QAAA,CAAA;AAKAY,EAAA;AAAA,EAJNC,EAAS;AAAA,IACN,WAAWb,EAAyB;AAAA,IACpC,SAAS;AAAA,EAAA,CACZ;AAAA,GA3BgBA,EA4BV,WAAA,SAAA,CAAA;AA5BX,IAAqBc,IAArBd;AAyEY,IAAAK,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAHAA,IAAAA,KAAA,CAAA,CAAA;AAMP,eAAe,IAAIS,EAAyB,EAAE,KAChC,eAAA,OAAOA,EAAyB,IAAIA,CAAwB;"}
1
+ {"version":3,"file":"field-validation-message.mjs","sources":["../error.svg","../suggest.svg","../warn.svg","../field-validation-message.ts"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cstyle%20id='style3'%3e%20.st0{fill:%23fff}.st1{fill:%23c00}%20%3c/style%3e%3cg%20id='g5'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20id='path9'/%3e%3c/g%3e%3cg%20id='g11'%3e%3cpath%20class='st0'%20id='rect13'%20d='M5.5%202.5h1v4h-1z'/%3e%3cpath%20class='st1'%20d='M6%203v3-3m1-1H5v5h2V2z'%20id='path15'/%3e%3c/g%3e%3cg%20id='g17'%3e%3cpath%20class='st0'%20id='rect19'%20d='M5.5%208.5h1v1h-1z'/%3e%3cpath%20class='st1'%20id='polygon21'%20d='M7%208H5v2h2V8z'/%3e%3c/g%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M12%20.8l11%2019.8v1.3H1v-1.3L12%20.8zm.8-.6h-1.6L0%2020v3h24v-3L12.8.2z'/%3e%3cpath%20class='st0'%20d='M11%208h2v8h-2zm0%2010h2v2h-2z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20fill='%23555'/%3e%3cpath%20d='M6%209V6v3m-1%201h2V5H5v5zm2-8H5v2h2z'%20class='st1'%20fill='%23555'/%3e%3c/svg%3e\"","import { LitElement, html, PropertyValues, unsafeCSS, TemplateResult, ComplexAttributeConverter, css } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport style from \"./style.scss?inline\";\n\nimport error from \"./error.svg\";\nimport suggest from \"./suggest.svg\";\nimport warn from \"./warn.svg\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [SDFieldValidationMessage.ID]: SDFieldValidationMessage;\n }\n}\n\nexport default class SDFieldValidationMessage extends LitElement {\n public static readonly ID = \"sd-field-validation-message\";\n\n public static parseLevel(value: string): ValidationLevel {\n if (value) {\n const correspondingEnumKey = Object.keys(ValidationLevel).find(\n (level) => level.toLowerCase() === value.toLowerCase(),\n );\n return correspondingEnumKey && ValidationLevel[correspondingEnumKey];\n }\n }\n public static levelConverter = {\n fromAttribute(value: string): ValidationLevel {\n return SDFieldValidationMessage.parseLevel(value);\n },\n toAttribute(value: ValidationLevel): string {\n return value && value.toLowerCase();\n },\n } as ComplexAttributeConverter;\n\n @property({ type: String, attribute: true })\n public message: string;\n @property({ type: String, attribute: true })\n public icon: string;\n @property({\n converter: SDFieldValidationMessage.levelConverter,\n reflect: true,\n })\n public level: ValidationLevel;\n\n private _defaultIconPath: string;\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n\n // prettier-ignore\n render(): TemplateResult {\n return html`${this.iconToUse && html`<img class=\"icon\" src=\"${this.iconToUse}\">`}${this.message}`;\n }\n\n private get iconToUse(): string {\n return this.icon || this._defaultIconPath;\n }\n\n shouldUpdate(changedProperties: PropertyValues): boolean {\n if (changedProperties.has(\"level\")) {\n this._defaultIconPath = this.iconForLevel;\n if (!this.icon) {\n return true;\n }\n }\n return super.shouldUpdate(changedProperties);\n }\n\n private get iconForLevel(): string {\n switch (SDFieldValidationMessage.parseLevel(this.level)) {\n case ValidationLevel.Warn:\n return warn;\n case ValidationLevel.Suggest:\n return suggest;\n case ValidationLevel.Error:\n return error;\n default:\n return null;\n }\n }\n}\n\nexport enum ValidationLevel {\n Warn = \"warn\",\n Suggest = \"suggest\",\n Error = \"error\",\n}\n\nif (!customElements.get(SDFieldValidationMessage.ID)) {\n customElements.define(SDFieldValidationMessage.ID, SDFieldValidationMessage);\n}\n"],"names":["error","suggest","warn","_SDFieldValidationMessage","_a","LitElement","value","correspondingEnumKey","ValidationLevel","level","css","unsafeCSS","style","html","changedProperties","__decorateClass","property","SDFieldValidationMessage"],"mappings":";;mdAAAA,IAAe,uuBCAfC,IAAe,iVCAfC,IAAe;;;;;;ACcf,MAAqBC,KAArBC,IAAA,cAAsDC,EAAW;AAAA,EAG7D,OAAc,WAAWC,GAAgC;AACrD,QAAIA,GAAO;AACP,YAAMC,IAAuB,OAAO,KAAKC,CAAe,EAAE;AAAA,QACtD,CAACC,MAAUA,EAAM,YAAA,MAAkBH,EAAM,YAAA;AAAA,MAAY;AAEzD,aAAOC,KAAwBC,EAAgBD,CAAoB;AAAA,IACvE;AAAA,EACJ;AAAA,EAsBA,WAAW,SAAS;AAChB,WAAO;AAAA,MACHG;AAAA,kBACMC,EAAUC,CAAK,CAAC;AAAA;AAAA,IAAA;AAAA,EAG9B;AAAA;AAAA,EAGA,SAAyB;AACrB,WAAOC,IAAO,KAAK,aAAaA,2BAA8B,KAAK,SAAS,IAAI,GAAG,KAAK,OAAO;AAAA,EACnG;AAAA,EAEA,IAAY,YAAoB;AAC5B,WAAO,KAAK,QAAQ,KAAK;AAAA,EAC7B;AAAA,EAEA,aAAaC,GAA4C;AACrD,WAAIA,EAAkB,IAAI,OAAO,MAC7B,KAAK,mBAAmB,KAAK,cACzB,CAAC,KAAK,QACC,KAGR,MAAM,aAAaA,CAAiB;AAAA,EAC/C;AAAA,EAEA,IAAY,eAAuB;AAC/B,YAAQV,EAAyB,WAAW,KAAK,KAAK,GAAA;AAAA,MAClD,KAAK;AACD,eAAOF;AAAA,MACX,KAAK;AACD,eAAOD;AAAA,MACX,KAAK;AACD,eAAOD;AAAA,MACX;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB;AACJ,GAtEII,EAAuB,KAAK,+BAU5BA,EAAc,iBAAiB;AAAA,EAC3B,cAAcE,GAAgC;AAC1C,WAAOF,EAAyB,WAAWE,CAAK;AAAA,EACpD;AAAA,EACA,YAAYA,GAAgC;AACxC,WAAOA,KAASA,EAAM,YAAA;AAAA,EAC1B;AAAA,GAjBRF;AAqBWW,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,QAAQ,WAAW,IAAM;AAAA,GApB1Bb,EAqBV,WAAA,SAAA;AAEAY,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,QAAQ,WAAW,IAAM;AAAA,GAtB1Bb,EAuBV,WAAA,MAAA;AAKAY,EAAA;AAAA,EAJNC,EAAS;AAAA,IACN,WAAWb,EAAyB;AAAA,IACpC,SAAS;AAAA,EAAA,CACZ;AAAA,GA3BgBA,EA4BV,WAAA,OAAA;AA5BX,IAAqBc,IAArBd;AAyEO,IAAKK,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAHAA,IAAAA,KAAA,CAAA,CAAA;AAMP,eAAe,IAAIS,EAAyB,EAAE,KAC/C,eAAe,OAAOA,EAAyB,IAAIA,CAAwB;"}
package/npm-third-party-licenses.json CHANGED
@@ -1,15 +1,20 @@
1
1
  {
2
- "@cypress/vite-dev-server@5.0.7": {
2
+ "@cypress/vite-dev-server@7.0.0": {
3
3
  "licenses": "MIT",
4
4
  "repository": "https://github.com/cypress-io/cypress",
5
5
  "licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
6
6
  },
7
- "@rollup/plugin-node-resolve@15.2.3": {
7
+ "@eslint/js@9.34.0": {
8
+ "licenses": "MIT",
9
+ "repository": "https://github.com/eslint/eslint",
10
+ "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
11
+ },
12
+ "@rollup/plugin-node-resolve@16.0.1": {
8
13
  "licenses": "MIT",
9
14
  "repository": "https://github.com/rollup/plugins",
10
15
  "licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
11
16
  },
12
- "@types/node@20.10.6": {
17
+ "@types/node@24.3.0": {
13
18
  "licenses": "MIT",
14
19
  "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
15
20
  "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
@@ -19,47 +24,42 @@
19
24
  "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
20
25
  "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
21
26
  },
22
- "@typescript-eslint/eslint-plugin@6.17.0": {
27
+ "@typescript-eslint/eslint-plugin@8.41.0": {
23
28
  "licenses": "MIT",
24
29
  "repository": "https://github.com/typescript-eslint/typescript-eslint",
25
30
  "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
26
31
  },
27
- "@typescript-eslint/parser@6.17.0": {
28
- "licenses": "BSD-2-Clause",
32
+ "@typescript-eslint/parser@8.41.0": {
33
+ "licenses": "MIT",
29
34
  "repository": "https://github.com/typescript-eslint/typescript-eslint",
30
35
  "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
31
36
  },
32
- "@vitest/coverage-v8@1.1.1": {
37
+ "@vitest/coverage-v8@3.2.4": {
33
38
  "licenses": "MIT",
34
39
  "repository": "https://github.com/vitest-dev/vitest",
35
40
  "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
36
41
  },
37
- "@vitest/ui@1.1.1": {
42
+ "@vitest/ui@3.2.4": {
38
43
  "licenses": "MIT",
39
44
  "repository": "https://github.com/vitest-dev/vitest",
40
45
  "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
41
46
  },
42
- "axe-core@4.8.3": {
47
+ "axe-core@4.10.3": {
43
48
  "licenses": "MPL-2.0",
44
49
  "repository": "https://github.com/dequelabs/axe-core",
45
50
  "licenseUrl": "https://github.com/dequelabs/axe-core/raw/HEAD/LICENSE"
46
51
  },
47
- "cypress-axe@1.5.0": {
52
+ "cypress-axe@1.7.0": {
48
53
  "licenses": "MIT",
49
54
  "repository": "https://github.com/component-driven/cypress-axe",
50
55
  "licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
51
56
  },
52
- "cypress-real-events@1.13.0": {
53
- "licenses": "MIT",
54
- "repository": "https://github.com/dmtrKovalenko/cypress-real-events",
55
- "licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
56
- },
57
- "cypress@13.6.2": {
57
+ "cypress@15.0.0": {
58
58
  "licenses": "MIT",
59
59
  "repository": "https://github.com/cypress-io/cypress",
60
60
  "licenseUrl": "https://cypress.io"
61
61
  },
62
- "esbuild@0.19.11": {
62
+ "esbuild@0.25.9": {
63
63
  "licenses": "MIT",
64
64
  "repository": "https://github.com/evanw/esbuild",
65
65
  "licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
@@ -69,57 +69,57 @@
69
69
  "repository": "https://github.com/google/eslint-config-google",
70
70
  "licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
71
71
  },
72
- "eslint-config-prettier@9.1.0": {
72
+ "eslint-config-prettier@10.1.8": {
73
73
  "licenses": "MIT",
74
74
  "repository": "https://github.com/prettier/eslint-config-prettier",
75
75
  "licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
76
76
  },
77
- "eslint@8.56.0": {
77
+ "eslint@9.34.0": {
78
78
  "licenses": "MIT",
79
79
  "repository": "https://github.com/eslint/eslint",
80
80
  "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
81
81
  },
82
- "github-markdown-css@5.5.0": {
82
+ "github-markdown-css@5.8.1": {
83
83
  "licenses": "MIT",
84
84
  "repository": "https://github.com/sindresorhus/github-markdown-css",
85
85
  "licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
86
86
  },
87
- "highlight.js@11.9.0": {
87
+ "highlight.js@11.11.1": {
88
88
  "licenses": "BSD-3-Clause",
89
89
  "repository": "https://github.com/highlightjs/highlight.js",
90
90
  "licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
91
91
  },
92
- "junit-report-builder@3.1.0": {
92
+ "junit-report-builder@5.1.1": {
93
93
  "licenses": "MIT",
94
94
  "repository": "https://github.com/davidparsson/junit-report-builder",
95
95
  "licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
96
96
  },
97
- "lint-staged@15.2.0": {
97
+ "lint-staged@16.1.5": {
98
98
  "licenses": "MIT",
99
- "repository": "https://github.com/okonet/lint-staged",
100
- "licenseUrl": "https://github.com/okonet/lint-staged/raw/HEAD/LICENSE"
99
+ "repository": "https://github.com/lint-staged/lint-staged",
100
+ "licenseUrl": "https://github.com/lint-staged/lint-staged/raw/HEAD/LICENSE"
101
101
  },
102
- "lit@2.8.0": {
102
+ "lit@3.3.1": {
103
103
  "licenses": "BSD-3-Clause",
104
104
  "repository": "https://github.com/lit/lit",
105
105
  "licenseUrl": "https://github.com/lit/lit/raw/HEAD/LICENSE"
106
106
  },
107
- "marked@11.1.1": {
107
+ "marked@16.2.1": {
108
108
  "licenses": "MIT",
109
109
  "repository": "https://github.com/markedjs/marked",
110
110
  "licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
111
111
  },
112
- "postcss-prefix-selector@1.16.0": {
112
+ "postcss-prefix-selector@2.1.1": {
113
113
  "licenses": "MIT",
114
114
  "repository": "https://github.com/RadValentin/postcss-prefix-selector",
115
115
  "licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
116
116
  },
117
- "postcss@8.4.32": {
117
+ "postcss@8.5.6": {
118
118
  "licenses": "MIT",
119
119
  "repository": "https://github.com/postcss/postcss",
120
120
  "licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
121
121
  },
122
- "prettier@3.1.1": {
122
+ "prettier@3.6.2": {
123
123
  "licenses": "MIT",
124
124
  "repository": "https://github.com/prettier/prettier",
125
125
  "licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
@@ -129,62 +129,67 @@
129
129
  "repository": "https://github.com/sindresorhus/resolve-pkg",
130
130
  "licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
131
131
  },
132
- "sass@1.69.6": {
132
+ "sass@1.91.0": {
133
133
  "licenses": "MIT",
134
134
  "repository": "https://github.com/sass/dart-sass",
135
135
  "licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
136
136
  },
137
- "stylelint-config-recommended-scss@14.0.0": {
137
+ "stylelint-config-recommended-scss@16.0.0": {
138
138
  "licenses": "MIT",
139
139
  "repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
140
140
  "licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
141
141
  },
142
- "stylelint-config-standard@36.0.0": {
142
+ "stylelint-config-standard@39.0.0": {
143
143
  "licenses": "MIT",
144
144
  "repository": "https://github.com/stylelint/stylelint-config-standard",
145
145
  "licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
146
146
  },
147
- "stylelint-scss@6.0.0": {
147
+ "stylelint-scss@6.12.1": {
148
148
  "licenses": "MIT",
149
149
  "repository": "https://github.com/stylelint-scss/stylelint-scss",
150
150
  "licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
151
151
  },
152
- "stylelint@16.1.0": {
152
+ "stylelint@16.23.1": {
153
153
  "licenses": "MIT",
154
154
  "repository": "https://github.com/stylelint/stylelint",
155
155
  "licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
156
156
  },
157
- "tsup@8.0.1": {
157
+ "tsup@8.5.0": {
158
158
  "licenses": "MIT",
159
159
  "repository": "https://github.com/egoist/tsup",
160
160
  "licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
161
161
  },
162
- "turbo@1.11.2": {
163
- "licenses": "MPL-2.0",
164
- "repository": "https://github.com/vercel/turbo",
165
- "licenseUrl": "https://github.com/vercel/turbo/raw/HEAD/LICENSE"
162
+ "turbo@2.5.6": {
163
+ "licenses": "MIT",
164
+ "repository": "https://github.com/vercel/turborepo",
165
+ "licenseUrl": "https://github.com/vercel/turborepo/raw/HEAD/LICENSE"
166
+ },
167
+ "typescript-eslint@8.41.0": {
168
+ "licenses": "MIT",
169
+ "repository": "https://github.com/typescript-eslint/typescript-eslint",
170
+ "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
166
171
  },
167
- "typescript@5.3.3": {
172
+ "typescript@5.9.2": {
168
173
  "licenses": "Apache-2.0",
169
- "repository": "https://github.com/Microsoft/TypeScript",
170
- "licenseUrl": "https://github.com/Microsoft/TypeScript/raw/HEAD/LICENSE.txt"
174
+ "repository": "https://github.com/microsoft/TypeScript",
175
+ "licenseUrl": "https://github.com/microsoft/TypeScript/raw/HEAD/LICENSE.txt"
171
176
  },
172
- "vite-tsconfig-paths@4.2.3": {
177
+ "vite-tsconfig-paths@5.1.4": {
173
178
  "licenses": "MIT",
174
179
  "repository": "https://github.com/aleclarson/vite-tsconfig-paths",
175
180
  "licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
176
181
  },
177
- "vite@5.0.10": {
182
+ "vite@7.1.3": {
178
183
  "licenses": "MIT",
179
184
  "repository": "https://github.com/vitejs/vite",
180
185
  "licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
181
186
  },
182
- "vitest@1.1.1": {
187
+ "vitest@3.2.4": {
183
188
  "licenses": "MIT",
184
189
  "repository": "https://github.com/vitest-dev/vitest",
185
190
  "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
186
191
  },
187
- "yargs@17.7.2": {
192
+ "yargs@18.0.0": {
188
193
  "licenses": "MIT",
189
194
  "repository": "https://github.com/yargs/yargs",
190
195
  "licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@cas-smartdesign/field-validation-message",
3
- "version": "5.0.1",
3
+ "version": "5.1.0",
4
4
  "description": "An inline message box with some predefined modes",
5
5
  "main": "dist/field-validation-message-with-externals.js",
6
6
  "module": "dist/field-validation-message.mjs",
7
7
  "types": "dist/field-validation-message.d.ts",
8
8
  "license": "SEE LICENSE IN LICENSE",
9
9
  "dependencies": {
10
- "lit": "^2.8.0",
11
- "@cas-smartdesign/styles": "^3.6.1"
10
+ "lit": "^3.3.1",
11
+ "@cas-smartdesign/styles": "^3.7.0"
12
12
  },
13
13
  "files": [
14
14
  "dist",
@@ -19,8 +19,8 @@
19
19
  "access": "public"
20
20
  },
21
21
  "devDependencies": {
22
- "@cas-smartdesign/element-preview": "^0.2.1",
23
- "@cas-smartdesign/license-generator": "^1.6.1"
22
+ "@cas-smartdesign/element-preview": "^0.3.0",
23
+ "@cas-smartdesign/license-generator": "^1.7.0"
24
24
  },
25
25
  "scripts": {
26
26
  "version": "pnpm version",
package/readme.md CHANGED
@@ -5,5 +5,3 @@ This tiny element can be used to add inline validation message for "field" eleme
5
5
  ## Requirements
6
6
 
7
7
  The main entry point requires ES6 & support for Custom Elements v1
8
-
9
- ## Examples