@alegendstale/holly-components 0.2.17 → 0.2.19

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 (45) hide show
  1. package/dist/components/absolute-container/index.d.ts +2 -1
  2. package/dist/components/absolute-container/index.d.ts.map +1 -1
  3. package/dist/components/absolute-container/index.js +2 -1
  4. package/dist/components/bottom-sheet/index.d.ts +2 -1
  5. package/dist/components/bottom-sheet/index.d.ts.map +1 -1
  6. package/dist/components/bottom-sheet/index.js +2 -1
  7. package/dist/components/canvas/index.d.ts +3 -2
  8. package/dist/components/canvas/index.d.ts.map +1 -1
  9. package/dist/components/canvas/index.js +3 -2
  10. package/dist/components/carousel-scroller/index.d.ts +2 -1
  11. package/dist/components/carousel-scroller/index.d.ts.map +1 -1
  12. package/dist/components/carousel-scroller/index.js +2 -1
  13. package/dist/components/color-palette/component/index.d.ts +2 -1
  14. package/dist/components/color-palette/component/index.d.ts.map +1 -1
  15. package/dist/components/color-palette/component/index.js +2 -1
  16. package/dist/components/color-palette/editor/index.d.ts +2 -1
  17. package/dist/components/color-palette/editor/index.d.ts.map +1 -1
  18. package/dist/components/color-palette/editor/index.js +2 -1
  19. package/dist/components/color-palette/index.d.ts +6 -5
  20. package/dist/components/color-palette/index.d.ts.map +1 -1
  21. package/dist/components/color-palette/index.js +6 -5
  22. package/dist/components/color-palette/item/index.d.ts +3 -2
  23. package/dist/components/color-palette/item/index.d.ts.map +1 -1
  24. package/dist/components/color-palette/item/index.js +3 -2
  25. package/dist/components/color-palette/menu/color-palette-menu.d.ts.map +1 -1
  26. package/dist/components/color-palette/menu/color-palette-menu.js +1 -6
  27. package/dist/components/color-palette/menu/index.d.ts +3 -2
  28. package/dist/components/color-palette/menu/index.d.ts.map +1 -1
  29. package/dist/components/color-palette/menu/index.js +3 -2
  30. package/dist/components/index.d.ts +8 -0
  31. package/dist/components/index.d.ts.map +1 -0
  32. package/dist/components/index.js +7 -0
  33. package/dist/components/responsive-svg/index.d.ts +3 -0
  34. package/dist/components/responsive-svg/index.d.ts.map +1 -0
  35. package/dist/components/responsive-svg/index.js +2 -0
  36. package/dist/components/responsive-svg/responsive-svg.d.ts +15 -0
  37. package/dist/components/responsive-svg/responsive-svg.d.ts.map +1 -0
  38. package/dist/components/responsive-svg/responsive-svg.js +96 -0
  39. package/dist/components/tool-tip/index.d.ts +2 -1
  40. package/dist/components/tool-tip/index.d.ts.map +1 -1
  41. package/dist/components/tool-tip/index.js +2 -1
  42. package/dist/index.d.ts +1 -12
  43. package/dist/index.d.ts.map +1 -1
  44. package/dist/index.js +1 -12
  45. package/package.json +32 -6
@@ -1,2 +1,3 @@
1
- import './absolute-container';
1
+ import { AbsoluteContainer } from './absolute-container';
2
+ export { AbsoluteContainer };
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/absolute-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/absolute-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
@@ -1 +1,2 @@
1
- import './absolute-container';
1
+ import { AbsoluteContainer } from './absolute-container';
2
+ export { AbsoluteContainer };
@@ -1,2 +1,3 @@
1
- import './bottom-sheet';
1
+ import { BottomSheet } from './bottom-sheet';
2
+ export { BottomSheet };
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1 +1,2 @@
1
- import './bottom-sheet';
1
+ import { BottomSheet } from './bottom-sheet';
2
+ export { BottomSheet };
@@ -1,3 +1,4 @@
1
- import './canvas-gradient';
2
- import './canvas-image';
1
+ import { CanvasGradient } from './canvas-gradient';
2
+ import { CanvasImage } from './canvas-image';
3
+ export { CanvasGradient, CanvasImage };
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
@@ -1,2 +1,3 @@
1
- import './canvas-gradient';
2
- import './canvas-image';
1
+ import { CanvasGradient } from './canvas-gradient';
2
+ import { CanvasImage } from './canvas-image';
3
+ export { CanvasGradient, CanvasImage };
@@ -1,2 +1,3 @@
1
- import './carousel-scroller';
1
+ import { CarouselScroller } from "./carousel-scroller";
2
+ export { CarouselScroller };
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel-scroller/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel-scroller/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1 +1,2 @@
1
- import './carousel-scroller';
1
+ import { CarouselScroller } from "./carousel-scroller";
2
+ export { CarouselScroller };
@@ -1,2 +1,3 @@
1
- import './color-palette-component';
1
+ import { ColorPaletteComponent } from './color-palette-component';
2
+ export { ColorPaletteComponent };
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
@@ -1 +1,2 @@
1
- import './color-palette-component';
1
+ import { ColorPaletteComponent } from './color-palette-component';
2
+ export { ColorPaletteComponent };
@@ -1,2 +1,3 @@
1
- import './color-palette-editor';
1
+ import { ColorPaletteEditor } from './color-palette-editor';
2
+ export { ColorPaletteEditor };
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1 +1,2 @@
1
- import './color-palette-editor';
1
+ import { ColorPaletteEditor } from './color-palette-editor';
2
+ export { ColorPaletteEditor };
@@ -1,6 +1,7 @@
1
- import './color-palette';
2
- import './item';
3
- import './menu';
4
- import './component';
5
- import './editor';
1
+ import { ColorPalette } from './color-palette';
2
+ import { ColorPaletteItem, ColorPaletteItemEdit } from './item';
3
+ import { ColorPaletteMenu, ColorPaletteReorder } from './menu';
4
+ import { ColorPaletteComponent } from './component';
5
+ import { ColorPaletteEditor } from './editor';
6
+ export { ColorPalette, ColorPaletteItem, ColorPaletteItemEdit, ColorPaletteMenu, ColorPaletteReorder, ColorPaletteComponent, ColorPaletteEditor };
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAA;AACxB,OAAO,QAAQ,CAAA;AACf,OAAO,QAAQ,CAAA;AACf,OAAO,aAAa,CAAA;AACpB,OAAO,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1,5 +1,6 @@
1
- import './color-palette';
2
- import './item';
3
- import './menu';
4
- import './component';
5
- import './editor';
1
+ import { ColorPalette } from './color-palette';
2
+ import { ColorPaletteItem, ColorPaletteItemEdit } from './item';
3
+ import { ColorPaletteMenu, ColorPaletteReorder } from './menu';
4
+ import { ColorPaletteComponent } from './component';
5
+ import { ColorPaletteEditor } from './editor';
6
+ export { ColorPalette, ColorPaletteItem, ColorPaletteItemEdit, ColorPaletteMenu, ColorPaletteReorder, ColorPaletteComponent, ColorPaletteEditor };
@@ -1,3 +1,4 @@
1
- import './color-palette-item';
2
- import './color-palette-item-edit';
1
+ import { ColorPaletteItem } from './color-palette-item';
2
+ import { ColorPaletteItemEdit } from './color-palette-item-edit';
3
+ export { ColorPaletteItem, ColorPaletteItemEdit };
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,2BAA2B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC"}
@@ -1,2 +1,3 @@
1
- import './color-palette-item';
2
- import './color-palette-item-edit';
1
+ import { ColorPaletteItem } from './color-palette-item';
2
+ import { ColorPaletteItemEdit } from './color-palette-item-edit';
3
+ export { ColorPaletteItem, ColorPaletteItemEdit };
@@ -1 +1 @@
1
- {"version":3,"file":"color-palette-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/menu/color-palette-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAItF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAIhF,KAAK,QAAQ,GAAG;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;IACxB,UAAU,EAAE,EAAE,CAAA;CACd,CAAA;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAiDX;IAGF,QAAQ,EAAG,iBAAiB,CAAC;IAG7B,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,QAAQ,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAGpC,QAAQ,EAAE,OAAO,CAAS;IAG1B,UAAU,EAAE,UAAU,CAA8B;IAGpD,OAAO,EAAE,OAAO,CAAS;IAEzB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAE/D,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAuBN,SAAS;IAuHT,YAAY;CAmBZ;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
1
+ {"version":3,"file":"color-palette-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/menu/color-palette-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAItF,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAIhF,KAAK,QAAQ,GAAG;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;IACxB,UAAU,EAAE,EAAE,CAAA;CACd,CAAA;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAiDX;IAGF,QAAQ,EAAG,iBAAiB,CAAC;IAG7B,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,QAAQ,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAGpC,QAAQ,EAAE,OAAO,CAAS;IAG1B,UAAU,EAAE,UAAU,CAA8B;IAGpD,OAAO,EAAE,OAAO,CAAS;IAEzB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAE/D,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAkBN,SAAS;IAuHT,YAAY;CAmBZ;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
@@ -36,14 +36,9 @@ let ColorPaletteMenu = class ColorPaletteMenu extends LitElement {
36
36
  });
37
37
  };
38
38
  return html `
39
- <absolute-container
40
- disableContextEvent
41
- ${ref(absoluteRef)}
42
- >
43
39
  ${this.reorder
44
40
  ? this.reorderItems()
45
41
  : this.menuItems()}
46
- </absolute-container>
47
42
  `;
48
43
  }
49
44
  menuItems() {
@@ -205,7 +200,7 @@ ColorPaletteMenu.styles = [
205
200
 
206
201
  button {
207
202
  display: grid;
208
- grid-template-columns: auto 1fr 1fr;
203
+ grid-template-columns: auto 1fr auto;
209
204
  align-items: center;
210
205
  justify-items: flex-start;
211
206
  column-gap: .5rem;
@@ -1,3 +1,4 @@
1
- import './color-palette-menu';
2
- import './color-palette-reorder';
1
+ import { ColorPaletteMenu } from './color-palette-menu';
2
+ import { ColorPaletteReorder } from './color-palette-reorder';
3
+ export { ColorPaletteMenu, ColorPaletteReorder };
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,yBAAyB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC"}
@@ -1,2 +1,3 @@
1
- import './color-palette-menu';
2
- import './color-palette-reorder';
1
+ import { ColorPaletteMenu } from './color-palette-menu';
2
+ import { ColorPaletteReorder } from './color-palette-reorder';
3
+ export { ColorPaletteMenu, ColorPaletteReorder };
@@ -0,0 +1,8 @@
1
+ export * from './absolute-container';
2
+ export * from './bottom-sheet';
3
+ export * from './canvas';
4
+ export * from './carousel-scroller';
5
+ export * from './color-palette';
6
+ export * from './responsive-svg';
7
+ export * from './tool-tip';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
@@ -0,0 +1,7 @@
1
+ export * from './absolute-container';
2
+ export * from './bottom-sheet';
3
+ export * from './canvas';
4
+ export * from './carousel-scroller';
5
+ export * from './color-palette';
6
+ export * from './responsive-svg';
7
+ export * from './tool-tip';
@@ -0,0 +1,3 @@
1
+ import { ResponsiveSvg } from "./responsive-svg";
2
+ export { ResponsiveSvg };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/responsive-svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { ResponsiveSvg } from "./responsive-svg";
2
+ export { ResponsiveSvg };
@@ -0,0 +1,15 @@
1
+ import { LitElement, TemplateResult, nothing } from 'lit';
2
+ export declare class ResponsiveSvg extends LitElement {
3
+ static styles: import("lit").CSSResult[];
4
+ height: number;
5
+ width: number;
6
+ svgFragment: TemplateResult<2> | typeof nothing;
7
+ autofit: boolean;
8
+ render(): TemplateResult<1>;
9
+ }
10
+ declare global {
11
+ interface HTMLElementTagNameMap {
12
+ 'responsive-svg': ResponsiveSvg;
13
+ }
14
+ }
15
+ //# sourceMappingURL=responsive-svg.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"responsive-svg.d.ts","sourceRoot":"","sources":["../../../src/components/responsive-svg/responsive-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIrE,qBACa,aAAc,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BA6CX;IAGF,MAAM,EAAE,MAAM,CAAK;IAGnB,KAAK,EAAE,MAAM,CAAK;IAGlB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,OAAO,OAAO,CAAW;IAG1D,OAAO,EAAE,OAAO,CAAS;IAEzB,MAAM;CAiBN;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}
@@ -0,0 +1,96 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { LitElement, html, css, nothing } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import { styleMap } from 'lit/directives/style-map.js';
10
+ let ResponsiveSvg = class ResponsiveSvg extends LitElement {
11
+ constructor() {
12
+ super(...arguments);
13
+ this.height = 0;
14
+ this.width = 0;
15
+ this.svgFragment = nothing;
16
+ this.autofit = false;
17
+ }
18
+ render() {
19
+ const styles = {
20
+ '--svg-width': `${this.width}em`,
21
+ '--svg-height': `${this.height}em`,
22
+ };
23
+ return html `
24
+ <svg
25
+ style=${styleMap(styles)}
26
+ viewBox="0 0 ${this.width} ${this.height}"
27
+ fill="none"
28
+ xmlns="http://www.w3.org/2000/svg"
29
+ >
30
+ ${this.svgFragment}
31
+ </svg>
32
+ `;
33
+ }
34
+ };
35
+ ResponsiveSvg.styles = [
36
+ css `
37
+ :host {
38
+ display: block;
39
+ --svg-width: 0;
40
+ --svg-height: 0;
41
+ --scale: 1;
42
+ }
43
+
44
+ :host([autofit]) {
45
+ width: 100%;
46
+ height: 100%;
47
+ }
48
+
49
+ /* Size scaling based on font-size */
50
+ :host(:not([autofit])) {
51
+ /* Removes extra space from under SVG */
52
+ display: flex;
53
+ }
54
+
55
+ :host(:not([autofit])) svg {
56
+ /* Allow SVG to be manipulated by font size */
57
+ display: inline-block;
58
+ /* Change SVG size using font-size */
59
+ font-size: inherit;
60
+ /* Remove extra vertical space in inline element reserved for character descenders */
61
+ vertical-align: top;
62
+
63
+ width: calc(var(--svg-width) / 100 * var(--scale));
64
+ height: calc(var(--svg-height) / 100 * var(--scale));
65
+ }
66
+
67
+ svg {
68
+ /* Inherit fill to bypass default */
69
+ fill: inherit;
70
+
71
+ max-width: 100%;
72
+ max-height: 100%;
73
+ }
74
+
75
+ path {
76
+ fill: inherit;
77
+ stroke: inherit;
78
+ }
79
+ `,
80
+ ];
81
+ __decorate([
82
+ property({ type: Number, reflect: true })
83
+ ], ResponsiveSvg.prototype, "height", void 0);
84
+ __decorate([
85
+ property({ type: Number, reflect: true })
86
+ ], ResponsiveSvg.prototype, "width", void 0);
87
+ __decorate([
88
+ property({ type: Object })
89
+ ], ResponsiveSvg.prototype, "svgFragment", void 0);
90
+ __decorate([
91
+ property({ type: Boolean, reflect: true })
92
+ ], ResponsiveSvg.prototype, "autofit", void 0);
93
+ ResponsiveSvg = __decorate([
94
+ customElement('responsive-svg')
95
+ ], ResponsiveSvg);
96
+ export { ResponsiveSvg };
@@ -1,2 +1,3 @@
1
- import './tool-tip';
1
+ import { ToolTip } from './tool-tip';
2
+ export { ToolTip };
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -1 +1,2 @@
1
- import './tool-tip';
1
+ import { ToolTip } from './tool-tip';
2
+ export { ToolTip };
package/dist/index.d.ts CHANGED
@@ -1,13 +1,2 @@
1
- import './components/tool-tip';
2
- import './components/bottom-sheet';
3
- import './components/carousel-scroller';
4
- import './components/color-palette';
5
- import './components/canvas';
6
- import './components/absolute-container';
7
- export * as ToolTip from './components/tool-tip';
8
- export * as BottomSheet from './components/bottom-sheet';
9
- export * as CarouselScroller from './components/carousel-scroller';
10
- export * as ColorPalette from './components/color-palette';
11
- export * as Canvas from './components/canvas';
12
- export * as AbsoluteContainer from './components/absolute-container';
1
+ export * from './components';
13
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAC9B,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,4BAA4B,CAAA;AACnC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iCAAiC,CAAA;AAExC,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,WAAW,MAAM,2BAA2B,CAAA;AACxD,OAAO,KAAK,gBAAgB,MAAM,gCAAgC,CAAA;AAClE,OAAO,KAAK,YAAY,MAAM,4BAA4B,CAAA;AAC1D,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAA;AAC7C,OAAO,KAAK,iBAAiB,MAAM,iCAAiC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
package/dist/index.js CHANGED
@@ -1,12 +1 @@
1
- import './components/tool-tip';
2
- import './components/bottom-sheet';
3
- import './components/carousel-scroller';
4
- import './components/color-palette';
5
- import './components/canvas';
6
- import './components/absolute-container';
7
- export * as ToolTip from './components/tool-tip';
8
- export * as BottomSheet from './components/bottom-sheet';
9
- export * as CarouselScroller from './components/carousel-scroller';
10
- export * as ColorPalette from './components/color-palette';
11
- export * as Canvas from './components/canvas';
12
- export * as AbsoluteContainer from './components/absolute-container';
1
+ export * from './components';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "private": false,
3
- "version": "0.2.17",
3
+ "version": "0.2.19",
4
4
  "name": "@alegendstale/holly-components",
5
5
  "description": "Reusable UI components created using lit",
6
6
  "type": "module",
@@ -12,9 +12,33 @@
12
12
  "import": "./dist/index.js",
13
13
  "types": "./dist/index.d.ts"
14
14
  },
15
- "./*": {
16
- "import": "./*.js",
17
- "types": "./*.d.ts"
15
+ "./absolute-container": {
16
+ "import": "./dist/components/absolute-container/index.js",
17
+ "types": "./dist/components/absolute-container/index.d.ts"
18
+ },
19
+ "./bottom-sheet": {
20
+ "import": "./dist/components/bottom-sheet/index.js",
21
+ "types": "./dist/components/bottom-sheet/index.d.ts"
22
+ },
23
+ "./canvas": {
24
+ "import": "./dist/components/canvas/index.js",
25
+ "types": "./dist/components/canvas/index.d.ts"
26
+ },
27
+ "./carousel-scroller": {
28
+ "import": "./dist/components/carousel-scroller/index.js",
29
+ "types": "./dist/components/carousel-scroller/index.d.ts"
30
+ },
31
+ "./color-palette": {
32
+ "import": "./dist/components/color-palette/index.js",
33
+ "types": "./dist/components/color-palette/index.d.ts"
34
+ },
35
+ "./responsive-svg": {
36
+ "import": "./dist/components/responsive-svg/index.js",
37
+ "types": "./dist/components/responsive-svg/index.d.ts"
38
+ },
39
+ "./tool-tip": {
40
+ "import": "./dist/components/tool-tip/index.js",
41
+ "types": "./dist/components/tool-tip/index.d.ts"
18
42
  }
19
43
  },
20
44
  "files": [
@@ -29,8 +53,9 @@
29
53
  "author": "ALegendsTale",
30
54
  "license": "GPL-3.0",
31
55
  "scripts": {
32
- "dev": "vite",
56
+ "generate-exports": "tsx scripts/generate-exports.ts",
33
57
  "build": "vite build && tsc",
58
+ "dev": "vite",
34
59
  "preview": "vite preview",
35
60
  "storybook": "storybook dev -p 6006",
36
61
  "build-storybook": "storybook build",
@@ -56,7 +81,8 @@
56
81
  "@wdio/mocha-framework": "^9.5.0",
57
82
  "@wdio/spec-reporter": "^9.5.0",
58
83
  "storybook": "^8.2.9",
84
+ "tsx": "^4.19.4",
59
85
  "typescript": "latest",
60
86
  "vite": "^5.4.1"
61
87
  }
62
- }
88
+ }