@aquera/nile-elements 1.6.9 → 1.7.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 (55) hide show
  1. package/README.md +3 -0
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.js +291 -123
  5. package/dist/nile-color-picker/index.cjs.js +2 -0
  6. package/dist/nile-color-picker/index.cjs.js.map +1 -0
  7. package/dist/nile-color-picker/index.esm.js +1 -0
  8. package/dist/nile-color-picker/nile-color-picker.cjs.js +2 -0
  9. package/dist/nile-color-picker/nile-color-picker.cjs.js.map +1 -0
  10. package/dist/nile-color-picker/nile-color-picker.css.cjs.js +2 -0
  11. package/dist/nile-color-picker/nile-color-picker.css.cjs.js.map +1 -0
  12. package/dist/nile-color-picker/nile-color-picker.css.esm.js +1 -0
  13. package/dist/nile-color-picker/nile-color-picker.esm.js +111 -0
  14. package/dist/nile-color-swatch/index.cjs.js +2 -0
  15. package/dist/nile-color-swatch/index.cjs.js.map +1 -0
  16. package/dist/nile-color-swatch/index.esm.js +1 -0
  17. package/dist/nile-color-swatch/nile-color-swatch.cjs.js +2 -0
  18. package/dist/nile-color-swatch/nile-color-swatch.cjs.js.map +1 -0
  19. package/dist/nile-color-swatch/nile-color-swatch.css.cjs.js +2 -0
  20. package/dist/nile-color-swatch/nile-color-swatch.css.cjs.js.map +1 -0
  21. package/dist/nile-color-swatch/nile-color-swatch.css.esm.js +44 -0
  22. package/dist/nile-color-swatch/nile-color-swatch.esm.js +16 -0
  23. package/dist/src/index.d.ts +3 -0
  24. package/dist/src/index.js +2 -0
  25. package/dist/src/index.js.map +1 -1
  26. package/dist/src/nile-color-picker/index.d.ts +3 -0
  27. package/dist/src/nile-color-picker/index.js +3 -0
  28. package/dist/src/nile-color-picker/index.js.map +1 -0
  29. package/dist/src/nile-color-picker/nile-color-picker.css.d.ts +1 -0
  30. package/dist/src/nile-color-picker/nile-color-picker.css.js +228 -0
  31. package/dist/src/nile-color-picker/nile-color-picker.css.js.map +1 -0
  32. package/dist/src/nile-color-picker/nile-color-picker.d.ts +92 -0
  33. package/dist/src/nile-color-picker/nile-color-picker.js +613 -0
  34. package/dist/src/nile-color-picker/nile-color-picker.js.map +1 -0
  35. package/dist/src/nile-color-swatch/index.d.ts +1 -0
  36. package/dist/src/nile-color-swatch/index.js +2 -0
  37. package/dist/src/nile-color-swatch/index.js.map +1 -0
  38. package/dist/src/nile-color-swatch/nile-color-swatch.css.d.ts +1 -0
  39. package/dist/src/nile-color-swatch/nile-color-swatch.css.js +46 -0
  40. package/dist/src/nile-color-swatch/nile-color-swatch.css.js.map +1 -0
  41. package/dist/src/nile-color-swatch/nile-color-swatch.d.ts +15 -0
  42. package/dist/src/nile-color-swatch/nile-color-swatch.js +66 -0
  43. package/dist/src/nile-color-swatch/nile-color-swatch.js.map +1 -0
  44. package/dist/src/version.js +1 -1
  45. package/dist/src/version.js.map +1 -1
  46. package/dist/tsconfig.tsbuildinfo +1 -1
  47. package/package.json +4 -2
  48. package/src/index.ts +3 -0
  49. package/src/nile-color-picker/index.ts +3 -0
  50. package/src/nile-color-picker/nile-color-picker.css.ts +225 -0
  51. package/src/nile-color-picker/nile-color-picker.ts +541 -0
  52. package/src/nile-color-swatch/index.ts +1 -0
  53. package/src/nile-color-swatch/nile-color-swatch.css.ts +46 -0
  54. package/src/nile-color-swatch/nile-color-swatch.ts +72 -0
  55. package/vscode-html-custom-data.json +126 -20
package/dist/src/index.js CHANGED
@@ -91,6 +91,8 @@ export { NileGridHeadItem } from './nile-grid/nile-grid-head-item';
91
91
  export { NileGridCellItem } from './nile-grid/nile-grid-cell-item';
92
92
  export { NileGridHead } from './nile-grid/nile-grid-head';
93
93
  export { NileRichTextEditor } from './nile-rich-text-editor';
94
+ export { NileColorPicker } from './nile-color-picker';
95
+ export { NileColorSwatch } from './nile-color-swatch';
94
96
  // Import version utility to set nile version in window object
95
97
  import './version';
96
98
  export { NileSideBar } from './nile-side-bar';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';"]}
@@ -0,0 +1,3 @@
1
+ export { NileColorPicker } from './nile-color-picker';
2
+ export type { ColorPickerType, ColorPickerMode, SwatchTooltip, PaletteEntry } from './nile-color-picker';
3
+ export { DEFAULT_PALETTE, hexToRgb, rgbToHex, rgbToHsv, hsvToRgb } from './nile-color-picker';
@@ -0,0 +1,3 @@
1
+ export { NileColorPicker } from './nile-color-picker';
2
+ export { DEFAULT_PALETTE, hexToRgb, rgbToHex, rgbToHsv, hsvToRgb } from './nile-color-picker';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, ColorPickerMode, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { DEFAULT_PALETTE, hexToRgb, rgbToHex, rgbToHsv, hsvToRgb } from './nile-color-picker';"]}
@@ -0,0 +1 @@
1
+ export declare function getCssText(): string;
@@ -0,0 +1,228 @@
1
+ export function getCssText() {
2
+ return `
3
+
4
+ .ncp-trigger {
5
+ display: block;
6
+ width: 20px;
7
+ height: 20px;
8
+ border-radius: 4px;
9
+ border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
10
+ padding: 0;
11
+ cursor: pointer;
12
+ box-sizing: border-box;
13
+ transition: box-shadow 0.15s ease, transform 0.15s ease;
14
+ }
15
+ .ncp-trigger:hover {
16
+ transform: translateY(-1px);
17
+ }
18
+ .ncp-trigger:focus-visible {
19
+ outline: none;
20
+ }
21
+ .ncp-trigger--no-fill {
22
+ background:
23
+ repeating-conic-gradient(#E4E7EC 0% 25%, #FFFFFF 0% 50%)
24
+ 0 0 / 12px 12px;
25
+ }
26
+
27
+ /* ── inline panel ────────────────────────────────────────────────── */
28
+ .ncp-panel {
29
+ padding: 8px;
30
+ background: #FFFFFF;
31
+ box-sizing: border-box;
32
+ width: 236px;
33
+ border-radius: 8px;
34
+ }
35
+ .ncp-panel--picker {
36
+ width: 260px;
37
+ }
38
+
39
+ .ncp-palette-grid {
40
+ display: grid;
41
+ grid-template-columns: repeat(8, 24px);
42
+ column-gap: 4px;
43
+ row-gap: 4px;
44
+ align-content: start;
45
+ max-height: min(240px, 42vh);
46
+ overflow-x: hidden;
47
+ overflow-y: auto;
48
+ -webkit-overflow-scrolling: touch;
49
+ min-height: 0;
50
+ }
51
+ nile-popover#color-picker-popover::part(popover) {
52
+ min-width: 236px;
53
+ gap: 0px;
54
+ padding: 4px;
55
+ }
56
+
57
+ /* no fill */
58
+ .ncp-no-fill {
59
+ display: flex;
60
+ align-items: center;
61
+ justify-content: center;
62
+ gap: 6px;
63
+ width: 100%;
64
+ margin-top: 8px;
65
+ padding: 8px 0;
66
+ border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
67
+ border-radius: 8px;
68
+ background: #FFFFFF;
69
+ color: #475467;
70
+ font-size: 13px;
71
+ font-weight: 500;
72
+ cursor: pointer;
73
+ transition: background 0.15s ease;
74
+ }
75
+ .ncp-no-fill:hover { background: #F9FAFB; }
76
+
77
+ /* custom section */
78
+ .ncp-custom-section {
79
+ margin-top: 16px;
80
+ padding-top: 8px;
81
+ border-top: 1px solid #EAECF0;
82
+ }
83
+ .ncp-custom-title {
84
+ margin: 0 0 8px;
85
+ color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));
86
+ font-size: 13px;
87
+ font-weight: 600;
88
+ line-height: 18px;
89
+ font-weight: 500;
90
+ }
91
+ .ncp-custom-row {
92
+ display: flex;
93
+ flex-wrap: wrap;
94
+ align-items: center;
95
+ gap: 4px;
96
+ }
97
+ /* tooltip wrappers default to inline — must be block so flex aligns them correctly */
98
+ .ncp-custom-row nile-lite-tooltip {
99
+ display: block;
100
+ line-height: 0;
101
+ }
102
+ .ncp-custom-row nile-color-swatch {
103
+ display: block;
104
+ }
105
+ .ncp-action-btn {
106
+ width: 24px;
107
+ height: 24px;
108
+ display: inline-flex;
109
+ align-items: center;
110
+ justify-content: center;
111
+ border-radius: 6px;
112
+ border: 1.5px solid #CBD5E1;
113
+ background: #FFFFFF;
114
+ color: #111827;
115
+ cursor: pointer;
116
+ box-sizing: border-box;
117
+ padding: 0;
118
+ transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
119
+ }
120
+ .ncp-action-btn:hover {
121
+ border-color: #98A2B3;
122
+ background: #F8FAFC;
123
+ transform: translateY(-1px);
124
+ }
125
+ .ncp-plus-icon {
126
+ position: relative;
127
+ width: 12px;
128
+ height: 12px;
129
+ }
130
+ .ncp-plus-icon::before,
131
+ .ncp-plus-icon::after {
132
+ content: '';
133
+ position: absolute;
134
+ left: 50%; top: 50%;
135
+ background: currentColor;
136
+ transform: translate(-50%,-50%);
137
+ border-radius: 999px;
138
+ }
139
+ .ncp-plus-icon::before { width: 12px; height: 2px; }
140
+ .ncp-plus-icon::after { width: 2px; height: 12px; }
141
+
142
+ /* ── picker panel ───────────────────────────────────────────────── */
143
+ .ncp-sv-area {
144
+ position: relative;
145
+ width: 244px;
146
+ height: 130px;
147
+ border-radius: 8px;
148
+ overflow: hidden;
149
+ cursor: crosshair;
150
+ user-select: none;
151
+ }
152
+ .ncp-sv-canvas { display: block; width: 100%; height: 100%; }
153
+ .ncp-sv-thumb {
154
+ position: absolute;
155
+ width: 20px; height: 20px;
156
+ transform: translate(-50%,-50%);
157
+ pointer-events: none;
158
+ }
159
+ .ncp-sv-thumb-inner {
160
+ width: 20px; height: 20px;
161
+ border-radius: 50%;
162
+ border: 2.5px solid #FFFFFF;
163
+ box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.2);
164
+ box-sizing: border-box;
165
+ }
166
+
167
+ .ncp-hue-row {
168
+ display: flex;
169
+ align-items: center;
170
+ gap: 10px;
171
+ margin-top: 14px;
172
+ }
173
+ .ncp-hue-wrap {
174
+ position: relative;
175
+ flex: 1;
176
+ height: 14px;
177
+ border-radius: 7px;
178
+ overflow: hidden;
179
+ cursor: pointer;
180
+ user-select: none;
181
+ }
182
+ .ncp-hue-canvas { display: block; width: 100%; height: 100%; border-radius: 7px; }
183
+ .ncp-hue-thumb {
184
+ position: absolute;
185
+ top: 50%;
186
+ width: 18px; height: 18px;
187
+ border-radius: 50%;
188
+ border: 2.5px solid #FFFFFF;
189
+ box-shadow: 0 0 0 1px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.18);
190
+ transform: translate(-50%,-50%);
191
+ pointer-events: none;
192
+ box-sizing: border-box;
193
+ }
194
+ .ncp-eyedropper {
195
+ width: 28px; height: 28px;
196
+ display: flex; align-items: center; justify-content: center;
197
+ border: none; background: none;
198
+ color: #475467; cursor: pointer; padding: 0; border-radius: 6px;
199
+ }
200
+ .ncp-eyedropper:hover { background: #F3F4F6; }
201
+
202
+ .ncp-input-row {
203
+ display: flex;
204
+ align-items: center;
205
+ gap: 6px;
206
+ margin-top: 14px;
207
+ }
208
+ /* Safari: display:block needed so the custom element participates in flex layout */
209
+ .ncp-input-row .ncp-mode-dropdown { display: block; flex-shrink: 0; width: 62px; min-width: 62px; }
210
+ .ncp-input-row .ncp-mode-dropdown nile-button.ncp-mode-btn { width: 100%; min-width: 0; white-space: nowrap; }
211
+ .ncp-input-row .ncp-mode-dropdown nile-button.ncp-mode-btn::part(base) {
212
+ padding: 0 6px; width: 100%; min-width: 0; font-size: 11px; gap: 2px;
213
+ }
214
+ /* Safari: custom elements default to display:inline — must be block to flex-grow */
215
+ .ncp-input-row nile-input.ncp-hex { display: block; flex: 1; min-width: 0; }
216
+ .ncp-input-row nile-input.ncp-rgb { display: block; flex: 1; min-width: 0; }
217
+ .ncp-input-row nile-input.ncp-rgb::part(input)::-webkit-inner-spin-button,
218
+ .ncp-input-row nile-input.ncp-rgb::part(input)::-webkit-outer-spin-button { -webkit-appearance: none; }
219
+
220
+ .ncp-picker-actions {
221
+ display: flex;
222
+ justify-content: flex-end;
223
+ gap: 8px;
224
+ margin-top: 16px;
225
+ }
226
+ `;
227
+ }
228
+ //# sourceMappingURL=nile-color-picker.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-color-picker.css.js","sourceRoot":"","sources":["../../../src/nile-color-picker/nile-color-picker.css.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU;IAAa,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgO7C,CAAC;AAAC,CAAC","sourcesContent":["export function getCssText(): string { return `\n \n .ncp-trigger {\n display: block;\n width: 20px;\n height: 20px;\n border-radius: 4px;\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n padding: 0;\n cursor: pointer;\n box-sizing: border-box;\n transition: box-shadow 0.15s ease, transform 0.15s ease;\n }\n .ncp-trigger:hover {\n transform: translateY(-1px);\n }\n .ncp-trigger:focus-visible {\n outline: none;\n }\n .ncp-trigger--no-fill {\n background:\n repeating-conic-gradient(#E4E7EC 0% 25%, #FFFFFF 0% 50%)\n 0 0 / 12px 12px;\n }\n\n /* ── inline panel ────────────────────────────────────────────────── */\n .ncp-panel {\n padding: 8px;\n background: #FFFFFF;\n box-sizing: border-box;\n width: 236px;\n border-radius: 8px;\n }\n .ncp-panel--picker {\n width: 260px;\n }\n\n .ncp-palette-grid {\n display: grid;\n grid-template-columns: repeat(8, 24px);\n column-gap: 4px;\n row-gap: 4px;\n align-content: start;\n max-height: min(240px, 42vh);\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n min-height: 0;\n }\n nile-popover#color-picker-popover::part(popover) {\n min-width: 236px;\n gap: 0px;\n padding: 4px;\n }\n\n /* no fill */\n .ncp-no-fill {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n width: 100%;\n margin-top: 8px;\n padding: 8px 0;\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n border-radius: 8px;\n background: #FFFFFF;\n color: #475467;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.15s ease;\n }\n .ncp-no-fill:hover { background: #F9FAFB; }\n\n /* custom section */\n .ncp-custom-section {\n margin-top: 16px;\n padding-top: 8px;\n border-top: 1px solid #EAECF0;\n }\n .ncp-custom-title {\n margin: 0 0 8px;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n font-size: 13px;\n font-weight: 600;\n line-height: 18px;\n font-weight: 500;\n }\n .ncp-custom-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 4px;\n }\n /* tooltip wrappers default to inline — must be block so flex aligns them correctly */\n .ncp-custom-row nile-lite-tooltip {\n display: block;\n line-height: 0;\n }\n .ncp-custom-row nile-color-swatch {\n display: block;\n }\n .ncp-action-btn {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n border: 1.5px solid #CBD5E1;\n background: #FFFFFF;\n color: #111827;\n cursor: pointer;\n box-sizing: border-box;\n padding: 0;\n transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;\n }\n .ncp-action-btn:hover {\n border-color: #98A2B3;\n background: #F8FAFC;\n transform: translateY(-1px);\n }\n .ncp-plus-icon {\n position: relative;\n width: 12px;\n height: 12px;\n }\n .ncp-plus-icon::before,\n .ncp-plus-icon::after {\n content: '';\n position: absolute;\n left: 50%; top: 50%;\n background: currentColor;\n transform: translate(-50%,-50%);\n border-radius: 999px;\n }\n .ncp-plus-icon::before { width: 12px; height: 2px; }\n .ncp-plus-icon::after { width: 2px; height: 12px; }\n\n /* ── picker panel ───────────────────────────────────────────────── */\n .ncp-sv-area {\n position: relative;\n width: 244px;\n height: 130px;\n border-radius: 8px;\n overflow: hidden;\n cursor: crosshair;\n user-select: none;\n }\n .ncp-sv-canvas { display: block; width: 100%; height: 100%; }\n .ncp-sv-thumb {\n position: absolute;\n width: 20px; height: 20px;\n transform: translate(-50%,-50%);\n pointer-events: none;\n }\n .ncp-sv-thumb-inner {\n width: 20px; height: 20px;\n border-radius: 50%;\n border: 2.5px solid #FFFFFF;\n box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.2);\n box-sizing: border-box;\n }\n\n .ncp-hue-row {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-top: 14px;\n }\n .ncp-hue-wrap {\n position: relative;\n flex: 1;\n height: 14px;\n border-radius: 7px;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n }\n .ncp-hue-canvas { display: block; width: 100%; height: 100%; border-radius: 7px; }\n .ncp-hue-thumb {\n position: absolute;\n top: 50%;\n width: 18px; height: 18px;\n border-radius: 50%;\n border: 2.5px solid #FFFFFF;\n box-shadow: 0 0 0 1px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.18);\n transform: translate(-50%,-50%);\n pointer-events: none;\n box-sizing: border-box;\n }\n .ncp-eyedropper {\n width: 28px; height: 28px;\n display: flex; align-items: center; justify-content: center;\n border: none; background: none;\n color: #475467; cursor: pointer; padding: 0; border-radius: 6px;\n }\n .ncp-eyedropper:hover { background: #F3F4F6; }\n\n .ncp-input-row {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 14px;\n }\n /* Safari: display:block needed so the custom element participates in flex layout */\n .ncp-input-row .ncp-mode-dropdown { display: block; flex-shrink: 0; width: 62px; min-width: 62px; }\n .ncp-input-row .ncp-mode-dropdown nile-button.ncp-mode-btn { width: 100%; min-width: 0; white-space: nowrap; }\n .ncp-input-row .ncp-mode-dropdown nile-button.ncp-mode-btn::part(base) {\n padding: 0 6px; width: 100%; min-width: 0; font-size: 11px; gap: 2px;\n }\n /* Safari: custom elements default to display:inline — must be block to flex-grow */\n .ncp-input-row nile-input.ncp-hex { display: block; flex: 1; min-width: 0; }\n .ncp-input-row nile-input.ncp-rgb { display: block; flex: 1; min-width: 0; }\n .ncp-input-row nile-input.ncp-rgb::part(input)::-webkit-inner-spin-button,\n .ncp-input-row nile-input.ncp-rgb::part(input)::-webkit-outer-spin-button { -webkit-appearance: none; }\n\n .ncp-picker-actions {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 16px;\n }\n`; }\n"]}
@@ -0,0 +1,92 @@
1
+ import { LitElement } from 'lit';
2
+ import '../nile-dropdown/nile-dropdown';
3
+ import '../nile-menu/nile-menu';
4
+ import '../nile-menu-item/nile-menu-item';
5
+ export type ColorPickerType = 'swatches' | 'picker';
6
+ export type ColorPickerMode = 'inline' | 'popover';
7
+ export type SwatchTooltip = 'name' | 'value' | 'both';
8
+ export type PaletteEntry = {
9
+ color: string;
10
+ name: string;
11
+ };
12
+ export declare const DEFAULT_PALETTE: PaletteEntry[];
13
+ export declare function hexToRgb(hex: string): [number, number, number];
14
+ export declare function rgbToHex(r: number, g: number, b: number): string;
15
+ export declare function rgbToHsv(r: number, g: number, b: number): [number, number, number];
16
+ export declare function hsvToRgb(h: number, s: number, v: number): [number, number, number];
17
+ export declare class NileColorPicker extends LitElement {
18
+ protected createRenderRoot(): this;
19
+ type: ColorPickerType;
20
+ /** Currently selected hex color value. */
21
+ value: string;
22
+ /** What to show in swatch tooltips. */
23
+ swatchTooltip: SwatchTooltip;
24
+ /** How many recent/custom colors to display. */
25
+ recentColorsCount: number;
26
+ /** Show a "No Fill" button (useful for background-color use cases). */
27
+ noFill: boolean;
28
+ mode: ColorPickerMode;
29
+ /** Show the SV gradient canvas (the large colour area). Applies when type="picker". */
30
+ showCanvas: boolean;
31
+ /** Show the hue slider row (rainbow bar + eyedropper). Applies when type="picker". */
32
+ showHue: boolean;
33
+ /** Show the HEX / RGB input row. Applies when type="picker". */
34
+ showInputs: boolean;
35
+ /** Show the Cancel / Okay action buttons. Applies when type="picker". */
36
+ showActions: boolean;
37
+ open: boolean;
38
+ /** Custom palette. Accepts a JSON array of `{ color, name }` objects or plain
39
+ * hex strings. Falls back to the built-in palette when empty. */
40
+ palette: PaletteEntry[];
41
+ private _view;
42
+ private _recentColors;
43
+ private _hue;
44
+ private _sat;
45
+ private _val;
46
+ private _colorMode;
47
+ private _hexInput;
48
+ private _r;
49
+ private _g;
50
+ private _b;
51
+ private _svCanvas;
52
+ private _hueCanvas;
53
+ private _draggingSV;
54
+ private _draggingHue;
55
+ private _pendingColor;
56
+ connectedCallback(): void;
57
+ disconnectedCallback(): void;
58
+ protected updated(changed: Map<string, unknown>): void;
59
+ /** Reset the view back to the default type (call this when the host popover closes). */
60
+ reset(): void;
61
+ private _injectCss;
62
+ private _norm;
63
+ private get _paletteColors();
64
+ private _emit;
65
+ private _apply;
66
+ private _closePopover;
67
+ private _openPicker;
68
+ private _syncInputs;
69
+ private _drawSV;
70
+ private _drawHue;
71
+ private _onSVMouseDown;
72
+ private _onHueMouseDown;
73
+ private _onGlobalMouseMove;
74
+ private _onGlobalMouseUp;
75
+ private _commitPickerIfNoActions;
76
+ private _updateSV;
77
+ private _updateHue;
78
+ private _onHexInput;
79
+ private _onRgbInput;
80
+ private _onColorModeSelect;
81
+ private _pickEyedropper;
82
+ private _renderSwatch;
83
+ private _renderSwatchesView;
84
+ private _renderPickerView;
85
+ private _renderTrigger;
86
+ render(): import("lit-html").TemplateResult<1>;
87
+ }
88
+ declare global {
89
+ interface HTMLElementTagNameMap {
90
+ 'nile-color-picker': NileColorPicker;
91
+ }
92
+ }