@alegendstale/holly-components 2.0.3 → 2.0.4

package/dist/components/responsive-svg/responsive-svg.stories.js

@@ -1,194 +0,0 @@
-import { html, svg } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-import ResponsiveSVGRaw from '../../assets/ResponsiveSVG.svg?raw';
-import ServicesBottomRaw from '../../assets/services-bottom.svg?raw';
-import GotLeakz from '../../assets/GotLeakz.svg?raw';
-import ComicBackground from '../../assets/comic-background.svg?raw';
-import { preserveAspectRatioOptions } from './responsive-svg.js';
-import { expect } from 'storybook/test';
-const argTypes = {
-    fontSize: {
-        control: {
-            type: 'number',
-            step: 8,
-        },
-        description: 'Set the font size in pixels the SVG will scale to (provided autofit is not being used)',
-        table: {
-            defaultValue: { summary: '128' },
-        },
-    },
-    stroke: {
-        control: {
-            type: 'color',
-            presetColors: ['rebeccapurple', 'black'],
-        },
-        description: 'Set the Path stroke color',
-        table: {
-            defaultValue: { summary: 'rebeccapurple' },
-        },
-    },
-    fill: {
-        control: {
-            type: 'color',
-            presetColors: ['rebeccapurple', 'black'],
-        },
-        description: 'Set the SVG and Path fill color',
-        table: {
-            defaultValue: { summary: 'black' },
-        },
-    },
-    autofit: { control: 'boolean' },
-    svgColors: { control: 'boolean' },
-    preserveAspectRatio: {
-        control: 'select',
-        options: preserveAspectRatioOptions,
-    },
-    viewBox: { control: false },
-    '--svg-height': {
-        control: 'text',
-        table: {
-            defaultValue: { summary: '0em' },
-        },
-    },
-    '--svg-width': {
-        control: 'text',
-        table: {
-            defaultValue: { summary: '0em' },
-        },
-    },
-    '--scale': {
-        control: 'number',
-        description: 'Scale of the SVG',
-        table: {
-            defaultValue: { summary: '1' },
-        },
-    },
-    '--svg-height-fallback': { control: false },
-    '--svg-width-fallback': { control: false },
-    __svg: { control: false },
-    __path: { control: false },
-};
-const meta = {
-    title: 'SVG/Responsive SVG',
-    tags: ['autodocs'],
-    component: 'responsive-svg',
-    argTypes,
-};
-export default meta;
-const template = {
-    render: ({ fontSize, stroke, fill, autofit, svgColors, svg, preserveAspectRatio, "--svg-height": height = '0em', "--svg-width": width = '0em', "--scale": scale }) => {
-        const styles = {
-            'font-size': `${fontSize}px`,
-            stroke,
-            fill,
-            '--svg-height': height !== '0em' ? height : null,
-            '--svg-width': width !== '0em' ? width : null,
-            '--scale': scale
-        };
-        return html `
-			<responsive-svg
-				?autofit=${autofit}
-				?svgColors=${svgColors}
-				.preserveAspectRatio=${preserveAspectRatio}
-				.svg=${svg}
-				style=${styleMap(styles)}
-			>
-			</responsive-svg>
-		`;
-    },
-};
-export const SVG = {
-    ...template,
-    args: {
-        fontSize: 128,
-        stroke: 'rebeccapurple',
-        fill: 'black',
-        autofit: false,
-        svgColors: false,
-        svg: ResponsiveSVGRaw,
-        "--scale": 1
-    },
-};
-export const TemplateResult2 = {
-    ...template,
-    args: {
-        fontSize: 128,
-        stroke: 'rebeccapurple',
-        fill: 'black',
-        autofit: false,
-        svgColors: false,
-        svg: svg `<path d="M 30 50 h 60 a 1 1 0 0 1 0 20 h -60 a 1 1 0 0 1 0 -40 h 30 v 70"/>`,
-        "--svg-height": '120em',
-        "--svg-width": '120em'
-    }
-};
-export const ServicesBottom = {
-    ...template,
-    args: {
-        fontSize: 128,
-        stroke: 'rebeccapurple',
-        fill: 'black',
-        autofit: false,
-        svgColors: false,
-        svg: ServicesBottomRaw
-    }
-};
-export const EmptyString = {
-    ...template,
-    args: {
-        fontSize: 128,
-        stroke: 'rebeccapurple',
-        fill: 'black',
-        autofit: false,
-        svgColors: false,
-        svg: ''
-    },
-    play: async ({ canvasElement }) => {
-        const component = canvasElement.querySelector('responsive-svg');
-        const svgElement = component?.querySelector('svg');
-        // Check if element exists
-        await expect(component).not.toBeNull();
-        // Make sure element didn't render an SVG
-        await expect(svgElement).toBeNull();
-    }
-};
-export const Invalid = {
-    ...template,
-    args: {
-        fontSize: 128,
-        stroke: 'rebeccapurple',
-        fill: 'black',
-        autofit: false,
-        svgColors: false,
-        svg: 'test'
-    },
-    play: async ({ canvasElement }) => {
-        const component = canvasElement.querySelector('responsive-svg');
-        const svgElement = component?.querySelector('svg');
-        // Check if element exists
-        await expect(component).not.toBeNull();
-        // Make sure element didn't render an SVG
-        await expect(svgElement).toBeNull();
-    }
-};
-export const SVGWithoutViewBox = {
-    ...template,
-    args: {
-        fontSize: 128,
-        stroke: 'rebeccapurple',
-        fill: 'black',
-        autofit: false,
-        svgColors: false,
-        svg: GotLeakz
-    },
-};
-export const SVGWithoutWidthHeight = {
-    ...template,
-    args: {
-        fontSize: 128,
-        autofit: false,
-        svgColors: true,
-        svg: ComicBackground,
-        preserveAspectRatio: 'none'
-    },
-};

package/dist/components/tool-tip/index.d.ts

@@ -1,2 +0,0 @@
-export { ToolTip } from './tool-tip.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/tool-tip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/tool-tip/index.js

@@ -1 +0,0 @@
-export { ToolTip } from './tool-tip.js';

package/dist/components/tool-tip/tool-tip.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import { TriggerTypes } from './tool-tip.js';
-declare const meta: Meta;
-export default meta;
-type Props = {
-    text: string;
-    trigger: TriggerTypes;
-    display: boolean;
-    '--tooltip-x': string;
-    '--tooltip-y': string;
-};
-type Story = StoryObj<Props>;
-export declare const Default: Story;
-export declare const Hover: Story;
-export declare const Click: Story;
-//# sourceMappingURL=tool-tip.stories.d.ts.map

package/dist/components/tool-tip/tool-tip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tool-tip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,EAAgB,YAAY,EAAE,MAAM,eAAe,CAAC;AAc3D,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAA;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAsB7B,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}

package/dist/components/tool-tip/tool-tip.stories.js

@@ -1,62 +0,0 @@
-import { html } from 'lit';
-import { triggerTypes } from './tool-tip.js';
-import { styleMap } from 'lit/directives/style-map.js';
-const argTypes = {
-    text: { control: 'text' },
-    trigger: {
-        control: 'select',
-        options: triggerTypes,
-    },
-    display: { control: 'boolean' },
-    '--tooltip-x': { control: 'text' },
-    '--tooltip-y': { control: 'text' }
-};
-const meta = {
-    title: 'Tool Tip',
-    tags: ['autodocs'],
-    component: 'tool-tip',
-    argTypes
-};
-export default meta;
-const template = {
-    render: ({ text, trigger, display, "--tooltip-x": toolTipX, "--tooltip-y": toolTipY }) => {
-        const styles = {
-            '--tooltip-x': toolTipX,
-            '--tooltip-y': toolTipY
-        };
-        return html `
-			<tool-tip
-				text=${text}
-				trigger=${trigger}
-				?display=${display}
-				style=${styleMap(styles)}
-			>
-				<button>${trigger} me</button>
-			</tool-tip>
-		`;
-    },
-};
-export const Default = {
-    ...template,
-    args: {
-        text: 'Default Story',
-        trigger: 'manual',
-        display: true
-    }
-};
-export const Hover = {
-    ...template,
-    args: {
-        text: 'hovered tooltip',
-        trigger: 'hover',
-        display: true
-    }
-};
-export const Click = {
-    ...template,
-    args: {
-        text: 'clicked tooltip',
-        trigger: 'click',
-        display: false
-    }
-};

package/dist/decorators/index.d.ts

@@ -1,2 +0,0 @@
-export { condCustomElement } from './condCustomElement.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/decorators/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/decorators/index.js

@@ -1 +0,0 @@
-export { condCustomElement } from './condCustomElement.js';

package/dist/index.d.ts

@@ -1,11 +0,0 @@
-export * from './components/absolute-container/index.js';
-export * from './components/bottom-sheet/index.js';
-export * from './components/canvas/index.js';
-export * from './components/carousel-scroller/index.js';
-export * from './components/color-palette/index.js';
-export * from './components/responsive-svg/index.js';
-export * from './components/draw-svg/index.js';
-export * from './components/tool-tip/index.js';
-export * from './utils/index.js';
-export * from './decorators/index.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -1,10 +0,0 @@
-export * from './components/absolute-container/index.js';
-export * from './components/bottom-sheet/index.js';
-export * from './components/canvas/index.js';
-export * from './components/carousel-scroller/index.js';
-export * from './components/color-palette/index.js';
-export * from './components/responsive-svg/index.js';
-export * from './components/draw-svg/index.js';
-export * from './components/tool-tip/index.js';
-export * from './utils/index.js';
-export * from './decorators/index.js';

package/dist/utils/index.d.ts

@@ -1,5 +0,0 @@
-export * from './basicUtils.js';
-export * from './EventEmitter.js';
-export * from './generateUtils.js';
-export { ResponsiveController } from './ResponsiveController.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/utils/index.js

@@ -1,4 +0,0 @@
-export * from './basicUtils.js';
-export * from './EventEmitter.js';
-export * from './generateUtils.js';
-export { ResponsiveController } from './ResponsiveController.js';

package/dist/utils/types.d.ts

@@ -1,5 +0,0 @@
-export type client = {
-    x: number;
-    y: number;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/utils/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAA;CACT,CAAA"}

package/dist/utils/types.js

@@ -1 +0,0 @@
-export {};