@ni/ok-components 0.4.3 → 1.0.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 (42) hide show
  1. package/dist/all-components-bundle.js +36 -36
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +6 -7
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/custom-elements.json +90 -78
  6. package/dist/custom-elements.md +17 -17
  7. package/dist/esm/all-components.d.ts +2 -2
  8. package/dist/esm/all-components.js +2 -2
  9. package/dist/esm/all-components.js.map +1 -1
  10. package/dist/esm/ex/all-ex.d.ts +1 -0
  11. package/dist/esm/ex/all-ex.js +2 -0
  12. package/dist/esm/ex/all-ex.js.map +1 -0
  13. package/dist/esm/{button → ex/button}/index.d.ts +3 -3
  14. package/dist/esm/ex/button/index.js +16 -0
  15. package/dist/esm/ex/button/index.js.map +1 -0
  16. package/dist/esm/{button → ex/button}/styles.js +1 -1
  17. package/dist/esm/ex/button/styles.js.map +1 -0
  18. package/dist/esm/ex/button/template.js.map +1 -0
  19. package/dist/esm/ts/all-ts.d.ts +1 -0
  20. package/dist/esm/ts/all-ts.js +2 -0
  21. package/dist/esm/ts/all-ts.js.map +1 -0
  22. package/dist/esm/{icon-dynamic → ts/icon-dynamic}/index.d.ts +6 -6
  23. package/dist/esm/{icon-dynamic → ts/icon-dynamic}/index.js +13 -13
  24. package/dist/esm/ts/icon-dynamic/index.js.map +1 -0
  25. package/dist/esm/{icon-dynamic → ts/icon-dynamic}/styles.js +2 -2
  26. package/dist/esm/ts/icon-dynamic/styles.js.map +1 -0
  27. package/dist/esm/ts/icon-dynamic/template.d.ts +2 -0
  28. package/dist/esm/ts/icon-dynamic/template.js.map +1 -0
  29. package/package.json +1 -1
  30. package/dist/esm/button/index.js +0 -16
  31. package/dist/esm/button/index.js.map +0 -1
  32. package/dist/esm/button/styles.js.map +0 -1
  33. package/dist/esm/button/template.js.map +0 -1
  34. package/dist/esm/icon-dynamic/index.js.map +0 -1
  35. package/dist/esm/icon-dynamic/styles.js.map +0 -1
  36. package/dist/esm/icon-dynamic/template.d.ts +0 -2
  37. package/dist/esm/icon-dynamic/template.js.map +0 -1
  38. /package/dist/esm/{button → ex/button}/styles.d.ts +0 -0
  39. /package/dist/esm/{button → ex/button}/template.d.ts +0 -0
  40. /package/dist/esm/{button → ex/button}/template.js +0 -0
  41. /package/dist/esm/{icon-dynamic → ts/icon-dynamic}/styles.d.ts +0 -0
  42. /package/dist/esm/{icon-dynamic → ts/icon-dynamic}/template.js +0 -0
@@ -2577,8 +2577,7 @@ const Lg=_t`
2577
2577
  ${sh}
2578
2578
  ${ah}
2579
2579
  `
2580
- let Pg=class extends Nn{constructor(){super(...arguments),this.appearance=th,this.contentHidden=!1}}
2581
- t([pt],Pg.prototype,"appearance",void 0),t([pt({attribute:"appearance-variant"})],Pg.prototype,"appearanceVariant",void 0),t([pt({attribute:"content-hidden",mode:"boolean"})],Pg.prototype,"contentHidden",void 0),t([pt({attribute:"tabindex",converter:ht})],Pg.prototype,"tabIndex",void 0)
2580
+ class Pg extends Nn{constructor(){super(...arguments),this.appearance=th,this.contentHidden=!1}}t([pt],Pg.prototype,"appearance",void 0),t([pt({attribute:"appearance-variant"})],Pg.prototype,"appearanceVariant",void 0),t([pt({attribute:"content-hidden",mode:"boolean"})],Pg.prototype,"contentHidden",void 0),t([pt({attribute:"tabindex",converter:ht})],Pg.prototype,"tabIndex",void 0)
2582
2581
  const zg=Pg.compose({baseName:"button",baseClass:Nn,template:(t,e)=>J`
2583
2582
  <button
2584
2583
  class="control"
@@ -17484,7 +17483,7 @@ const K1=_t`
17484
17483
  color: ${ld};
17485
17484
  }
17486
17485
  `,Y1=J`<slot></slot>`
17487
- const X1=class extends He{}.compose({baseName:"button",template:Y1,styles:K1})
17486
+ const X1=class extends He{}.compose({baseName:"ex-button",template:Y1,styles:K1})
17488
17487
  Mi.getOrCreate().withPrefix("ok").register(X1())
17489
17488
  const J1=_t`
17490
17489
  ${z1("inline-flex")}
@@ -17501,11 +17500,11 @@ const J1=_t`
17501
17500
  height: 100%;
17502
17501
  }
17503
17502
  `,Q1=J`<img aria-hidden="true" src=${t=>t.url}>`
17504
- class t2 extends Km{constructor(t){super(),this.url=t}static registerIconDynamic(t,e){const n="ok-icon-dynamic-"
17503
+ class t2 extends Km{constructor(t){super(),this.url=t}static registerIconDynamic(t,e){const n="ok-ts-icon-dynamic-"
17505
17504
  if(!t.startsWith(n))throw new Error(`Icon tag name must start with '${n}', provided name: ${t}`)
17506
- const i=t.substring(16)
17505
+ const i=t.substring(19)
17507
17506
  if(!/^[a-z][a-z]+$/.test(i))throw new Error(`Icon name must be lowercase [a-z] and at least two characters long, provided name: ${i}`)
17508
- const o=`IconDynamic${i.charAt(0).toUpperCase()+i.slice(1)}`,r=`icon-dynamic-${i}`,s={[o]:class extends t2{constructor(){super(e)}}}[o].compose({baseName:r,template:Q1,styles:J1})
17509
- Mi.getOrCreate().withPrefix("ok").register(s())}}const e2=t2.compose({baseName:"icon-dynamic",template:J`<template></template>`,styles:_t`${z1("none")}`})
17507
+ const o=`TsIconDynamic${i.charAt(0).toUpperCase()+i.slice(1)}`,r=`ts-icon-dynamic-${i}`,s={[o]:class extends t2{constructor(){super(e)}}}[o].compose({baseName:r,template:Q1,styles:J1})
17508
+ Mi.getOrCreate().withPrefix("ok").register(s())}}const e2=t2.compose({baseName:"ts-icon-dynamic",template:J`<template></template>`,styles:_t`${z1("none")}`})
17510
17509
  Mi.getOrCreate().withPrefix("ok").register(e2())}()
17511
17510
  //# sourceMappingURL=all-components-bundle.min.js.map