@ngneers/controls-themes 0.0.1-pre2

package/base/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/input/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,uTAiBtB,CAAC"}

package/base/input/index.js

@@ -0,0 +1,20 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { inputControlTemplate } from '@ngneers/controls-themes/templates/input';
+export const inputStyles = createThemePart({
+    controlTemplate: inputControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c, d }) => css `
+      ${c('root')} {
+        font-family: inherit;
+        font-size: inherit;
+
+        &:disabled,
+        &:read-only,
+        &[aria-readonly] {
+          cursor: default;
+        }
+      }
+    `,
+    },
+});

package/base/input-field/index.d.ts

@@ -0,0 +1,2 @@
+export declare const inputFieldStyles: import("@ngneers/controls-themes").ThemePart<"input-field", import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").VariableTemplate<"input-field">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/input-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/input-field/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,sfA0C3B,CAAC"}

package/base/input-field/index.js

@@ -0,0 +1,45 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { inputFieldControlTemplate } from '@ngneers/controls-themes/templates/input-field';
+export const inputFieldStyles = createThemePart({
+    controlTemplate: inputFieldControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c, d }) => css `
+      ${c('host')} {
+        display: block;
+      }
+      ${c('root')} {
+        cursor: text;
+        display: inline-flex;
+        align-items: center;
+        width: 100%;
+        overflow: auto;
+        min-height: fit-content;
+        &:has(textarea) {
+          resize: both;
+        }
+
+        & ${d('input', 'root')} {
+          padding: 0;
+          background: transparent;
+          border: none;
+          width: 100%;
+          outline: none;
+          resize: none;
+        }
+
+        &:has(${d('input', 'root')}:disabled) {
+          cursor: default;
+        }
+        &:has(${d('input', 'root')}[aria-readonly]),
+        &:has(${d('input', 'root')}:read-only) {
+          cursor: default;
+        }
+      }
+
+      ${c('root')}:has(${d('input', 'empty')}) ${c('clear-button')} {
+        display: none;
+      }
+    `,
+    },
+});

package/base/input-mask/index.d.ts

@@ -0,0 +1,2 @@
+export declare const inputMaskStyles: import("@ngneers/controls-themes").ThemePart<"input-mask", import("@ngneers/controls-themes").ControlTemplate<"input-mask", ["root", "mask", "mask-placeholder", "mask-text"], readonly [import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").VariableTemplate<"input-mask">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/input-mask/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/input-mask/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,gzBAqB1B,CAAC"}

package/base/input-mask/index.js

@@ -0,0 +1,24 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { inputMaskControlTemplate } from '@ngneers/controls-themes/templates/input-mask';
+export const inputMaskStyles = createThemePart({
+    controlTemplate: inputMaskControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        position: relative;
+      }
+      ${c('mask')} {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        pointer-events: none;
+      }
+      ${c('mask-placeholder')} {
+        opacity: 0;
+      }
+    `,
+    },
+});

package/base/item-view/index.d.ts

@@ -0,0 +1,2 @@
+export declare const itemViewStyles: import("@ngneers/controls-themes").ThemePart<"item-view", import("@ngneers/controls-themes").ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"item-view">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/item-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/item-view/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,wZAyCzB,CAAC"}

package/base/item-view/index.js

@@ -0,0 +1,44 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { itemViewControlTemplate } from '@ngneers/controls-themes/templates/item-view';
+export const itemViewStyles = createThemePart({
+    controlTemplate: itemViewControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      :has(> ${c('root')}) {
+        min-width: 0;
+      }
+      ${c('root')} {
+        display: flex;
+        width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+      ${c('item')} {
+        display: flex;
+        align-items: center;
+        &${c('hidden-separator')} {
+          visibility: hidden;
+        }
+      }
+      ${c('more-items')} {
+        display: flex;
+        align-items: center;
+      }
+      ${c('more-items-default')} {
+        /* Changing width in number chars might result in flickering behavior */
+        font-variant-numeric: tabular-nums;
+      }
+      ${c('more-items-hidden')}, ${c('item-overflowing')} {
+        position: absolute;
+        opacity: 0;
+        pointer-events: none;
+        top: -9999px;
+        left: -9999px;
+      }
+      ${c('more-items-hidden')} {
+        visibility: hidden;
+      }
+    `,
+    },
+});

package/base/list-box/index.d.ts

@@ -0,0 +1,2 @@
+export declare const listBoxStyles: import("@ngneers/controls-themes").ThemePart<"list-box", import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").VariableTemplate<"list-box">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/list-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/list-box/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,w0BA0BxB,CAAC"}

package/base/list-box/index.js

@@ -0,0 +1,29 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { listBoxControlTemplate } from '@ngneers/controls-themes/templates/list-box';
+export const listBoxStyles = createThemePart({
+    controlTemplate: listBoxControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c, d }) => css `
+      ${c('root')} {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+      ${c('item')} {
+        display: inline-block;
+        width: 100%;
+      }
+      ${c('group')} {
+        display: inline-block;
+        width: 100%;
+      }
+      ${c('root')}:has(${c('empty')}) ${c('scroller')} {
+        display: none;
+      }
+      ${c('root')} ${d('scroller', 'item')} {
+        display: flex;
+      }
+    `,
+    },
+});

package/base/menu/index.d.ts

@@ -0,0 +1,2 @@
+export declare const menuStyles: import("@ngneers/controls-themes").ThemePart<"menu", import("@ngneers/controls-themes").ControlTemplate<"menu", ["root", "submenu", "popover", "item", "item-opened", "icon-children", "separator"], readonly [import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").VariableTemplate<"menu">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/menu/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,ofAgBrB,CAAC"}

package/base/menu/index.js

@@ -0,0 +1,19 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { menuControlTemplate } from '@ngneers/controls-themes/templates/menu';
+export const menuStyles = createThemePart({
+    controlTemplate: menuControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+        display: flex;
+        flex-direction: column;
+      }
+      ${c('item')} {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+    `,
+    },
+});

package/base/message/index.d.ts

@@ -0,0 +1,2 @@
+export declare const messageStyles: import("@ngneers/controls-themes").ThemePart<"message", import("@ngneers/controls-themes").ControlTemplate<"message", ["root", "content", "icon", `kind-${string}`, `color-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"message">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/message/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,iWAoBxB,CAAC"}

package/base/message/index.js

@@ -0,0 +1,23 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { messageControlTemplate } from '@ngneers/controls-themes/templates/message';
+export const messageStyles = createThemePart({
+    controlTemplate: messageControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c }) => css `
+      ${c('root')} {
+        display: flex;
+        align-items: flex-start;
+      }
+
+      ${c('icon')} {
+        flex-shrink: 0;
+      }
+
+      ${c('content')} {
+        flex-grow: 1;
+        font-family: inherit;
+      }
+    `,
+    },
+});

package/base/paginator/index.d.ts

@@ -0,0 +1,2 @@
+export declare const paginatorStyles: import("@ngneers/controls-themes").ThemePart<"paginator", import("@ngneers/controls-themes").ControlTemplate<"paginator", ["root", "page-size-options"], readonly [import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").VariableTemplate<"paginator">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/paginator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/paginator/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,suBAa1B,CAAC"}

package/base/paginator/index.js

@@ -0,0 +1,16 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { paginatorControlTemplate } from '@ngneers/controls-themes/templates/paginator';
+export const paginatorStyles = createThemePart({
+    controlTemplate: paginatorControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c }) => css `
+      ${c('root')} {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+      }
+    `,
+    },
+});

package/base/popover/index.d.ts

@@ -0,0 +1,2 @@
+export declare const popoverStyles: import("@ngneers/controls-themes").ThemePart<"popover", import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"popover">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/popover/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,8VAwCxB,CAAC"}

package/base/popover/index.js

@@ -0,0 +1,43 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { popoverControlTemplate } from '@ngneers/controls-themes/templates/popover';
+export const popoverStyles = createThemePart({
+    controlTemplate: popoverControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        background: transparent;
+        pointer-events: none;
+        position: static;
+        display: flex;
+        flex-direction: column;
+        /* Browser-Reset: */
+        width: unset;
+        height: unset;
+        color: unset;
+        background-color: unset;
+        inset: unset;
+        margin: unset;
+        border-width: unset;
+        border-style: unset;
+        border-color: unset;
+        border-image: unset;
+        padding: unset;
+
+        &:not(:popover-open) {
+          display: none;
+          /* Due to the TRANSITION_BUFFER, the child would reappear (for TRANSITION_BUFFER), because the closing class gets removed */
+          > ${c('content')}:not(${c('content-closing')}) {
+            display: none;
+          }
+        }
+      }
+      ${c('content')} {
+        max-height: 100%;
+        flex-shrink: 0;
+        pointer-events: auto;
+        box-sizing: content-box;
+      }
+    `,
+    },
+});

package/base/progress/index.d.ts

@@ -0,0 +1,2 @@
+export declare const progressStyles: import("@ngneers/controls-themes").ThemePart<"progress", import("@ngneers/controls-themes").ControlTemplate<"progress", ["root", "svg", "track", "indeterminate", "circular", "fill", "fill2"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"progress">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/progress/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,0WAsCzB,CAAC"}

package/base/progress/index.js

@@ -0,0 +1,41 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { progressControlTemplate } from '@ngneers/controls-themes/templates/progress';
+export const progressStyles = createThemePart({
+    controlTemplate: progressControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => {
+            void v;
+            void d;
+            return css `
+        ${c('root')} {
+          width: 100%;
+        }
+        ${c('track')} {
+          position: relative;
+          overflow: hidden;
+          width: 100%;
+        }
+        ${c('fill')} {
+          height: 100%;
+          width: var(--progress);
+        }
+        /* Circular mode base styles */
+        ${c('circular')} {
+          width: auto;
+          ${c('svg')} {
+            display: block;
+          }
+        }
+        ${c('indeterminate')} {
+          ${c('fill')}, ${c('fill2')} {
+            position: absolute;
+          }
+          ${c('track')} {
+            position: relative;
+          }
+        }
+      `;
+        },
+    },
+});

package/base/scroller/index.d.ts

@@ -0,0 +1,2 @@
+export declare const scrollerStyles: import("@ngneers/controls-themes").ThemePart<"scroller", import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"scroller">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/scroller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/scroller/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,wVAoCzB,CAAC"}

package/base/scroller/index.js

@@ -0,0 +1,39 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { scrollerControlTemplate } from '@ngneers/controls-themes/templates/scroller';
+export const scrollerStyles = createThemePart({
+    controlTemplate: scrollerControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        display: block;
+        height: 100%;
+        width: 100%;
+        overflow-y: auto;
+        overflow-x: hidden;
+        position: relative;
+        overflow-anchor: none;
+      }
+      ${c('virtual')} {
+        display: flex;
+        flex-direction: column;
+        ${c('item')} {
+          flex-shrink: 0;
+          height: var(--ngn-scroller-item-height, unset);
+        }
+      }
+      ${c('spacer')} {
+        flex-shrink: 0;
+        display: block;
+      }
+      ${c('item-sticky')} {
+        z-index: 1;
+        position: sticky;
+        top: 0;
+      }
+      ${c('item')} {
+        display: block;
+      }
+    `,
+    },
+});

package/base/select/index.d.ts

@@ -0,0 +1,2 @@
+export declare const selectStyles: import("@ngneers/controls-themes").ThemePart<"select", import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>, import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>]>]>, import("@ngneers/controls-themes").VariableTemplate<"select">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/select/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,8lDA+BvB,CAAC"}

package/base/select/index.js

@@ -0,0 +1,34 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { selectControlTemplate } from '@ngneers/controls-themes/templates/select';
+export const selectStyles = createThemePart({
+    controlTemplate: selectControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('input')} ${d('input-field', 'root')} {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        white-space: nowrap;
+        user-select: none;
+      }
+      ${c('combobox')} {
+        width: 100%;
+      }
+      ${c('input-editable')} ${d('input-field', 'root')} {
+        cursor: text;
+      }
+      ${c('popover-content')} {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+      ${c('root')} ${d('popover', 'content')} {
+        padding: 0;
+      }
+      ${c('list-box')}${d('list-box', 'root')} {
+        border-width: 0;
+      }
+    `,
+    },
+});

package/base/select-button/index.d.ts

@@ -0,0 +1,2 @@
+export declare const selectButtonStyles: import("@ngneers/controls-themes").ThemePart<"select-button", import("@ngneers/controls-themes").ControlTemplate<"select-button", ["root", "button", "invalid"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"select-button">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/select-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/select-button/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,gVAU7B,CAAC"}

package/base/select-button/index.js

@@ -0,0 +1,13 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { selectButtonControlTemplate } from '@ngneers/controls-themes/templates/select-button';
+export const selectButtonStyles = createThemePart({
+    controlTemplate: selectButtonControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v: _v, c, d: _d }) => css `
+      ${c('root')} {
+        /* Base styles - implementation pending */
+      }
+    `,
+    },
+});

package/base/slider/index.d.ts

@@ -0,0 +1,2 @@
+export declare const sliderStyles: import("@ngneers/controls-themes").ThemePart<"slider", import("@ngneers/controls-themes").ControlTemplate<"slider", ["root", "horizontal", "vertical", "track", "thumb", "fill", "invalid"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"slider">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/slider/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,qWA8DvB,CAAC"}

package/base/slider/index.js

@@ -0,0 +1,65 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { sliderControlTemplate } from '@ngneers/controls-themes/templates/slider';
+export const sliderStyles = createThemePart({
+    controlTemplate: sliderControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+        user-select: none;
+        display: flex;
+      }
+      ${c('track')} {
+        position: relative;
+      }
+      ${c('fill')} {
+        position: absolute;
+      }
+      ${c('thumb')} {
+        position: absolute;
+        width: var(--thumbSize);
+        height: var(--thumbSize);
+      }
+      ${c('horizontal')} {
+        width: 100%;
+        max-height: min-content;
+        ${c('track')} {
+          width: calc(100% - var(--thumbSize));
+          height: var(--trackThickness);
+          margin: calc((var(--thumbSize) - var(--trackThickness)) / 2) calc(var(--thumbSize) / 2);
+        }
+        ${c('fill')} {
+          height: 100%;
+          inset-block-start: 0;
+          inset-inline-start: 0;
+          width: var(--valuePercent);
+        }
+        ${c('thumb')} {
+          inset-inline-start: calc(var(--valuePercent) - var(--thumbSize) / 2);
+          inset-block-start: 50%;
+          transform: translateY(-50%);
+        }
+      }
+      ${c('vertical')} {
+        height: 100%;
+        max-width: min-content;
+        ${c('track')} {
+          height: calc(100% - var(--thumbSize));
+          width: var(--trackThickness);
+          margin: calc(var(--thumbSize) / 2) calc((var(--thumbSize) - var(--trackThickness)) / 2);
+        }
+        ${c('fill')} {
+          width: 100%;
+          inset-block-end: 0;
+          inset-inline-start: 0;
+          height: var(--valuePercent);
+        }
+        ${c('thumb')} {
+          inset-block-end: calc(var(--valuePercent) - var(--thumbSize) / 2);
+          inset-inline-start: 50%;
+          transform: translateX(-50%);
+        }
+      }
+    `,
+    },
+});

package/base/spinner/index.d.ts

@@ -0,0 +1,2 @@
+export declare const spinnerStyles: import("@ngneers/controls-themes").ThemePart<"spinner", import("@ngneers/controls-themes").ControlTemplate<"spinner", ["root", "circle", "svg", `color-${string}`, "centered"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"spinner">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/spinner/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,yVA0BxB,CAAC"}

package/base/spinner/index.js

@@ -0,0 +1,29 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { spinnerControlTemplate } from '@ngneers/controls-themes/templates/spinner';
+export const spinnerStyles = createThemePart({
+    controlTemplate: spinnerControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('centered')} {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 2;
+      }
+      *:has(> ${c('centered')}) {
+        position: relative;
+      }
+      ${c('root')} {
+        display: inline-block;
+        width: calc(1px * var(--size));
+        height: calc(1px * var(--size));
+      }
+      ${c('svg')} {
+        width: 100%;
+        height: 100%;
+      }
+    `,
+    },
+});

package/base/splitter/index.d.ts

@@ -0,0 +1,2 @@
+export declare const splitterStyles: import("@ngneers/controls-themes").ThemePart<"splitter", import("@ngneers/controls-themes").ControlTemplate<"splitter", ["root", "horizontal", "vertical", "panel", "divider", "divider-handle", "dragging", "divider-dragging"], readonly import("@ngneers/controls-themes").ControlTemplate<string, string[], readonly any[]>[]>, import("@ngneers/controls-themes").VariableTemplate<"splitter">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/splitter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/base/splitter/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,4YAuDzB,CAAC"}