@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.
- package/README.md +3 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +291 -123
- package/dist/nile-color-picker/index.cjs.js +2 -0
- package/dist/nile-color-picker/index.cjs.js.map +1 -0
- package/dist/nile-color-picker/index.esm.js +1 -0
- package/dist/nile-color-picker/nile-color-picker.cjs.js +2 -0
- package/dist/nile-color-picker/nile-color-picker.cjs.js.map +1 -0
- package/dist/nile-color-picker/nile-color-picker.css.cjs.js +2 -0
- package/dist/nile-color-picker/nile-color-picker.css.cjs.js.map +1 -0
- package/dist/nile-color-picker/nile-color-picker.css.esm.js +1 -0
- package/dist/nile-color-picker/nile-color-picker.esm.js +111 -0
- package/dist/nile-color-swatch/index.cjs.js +2 -0
- package/dist/nile-color-swatch/index.cjs.js.map +1 -0
- package/dist/nile-color-swatch/index.esm.js +1 -0
- package/dist/nile-color-swatch/nile-color-swatch.cjs.js +2 -0
- package/dist/nile-color-swatch/nile-color-swatch.cjs.js.map +1 -0
- package/dist/nile-color-swatch/nile-color-swatch.css.cjs.js +2 -0
- package/dist/nile-color-swatch/nile-color-swatch.css.cjs.js.map +1 -0
- package/dist/nile-color-swatch/nile-color-swatch.css.esm.js +44 -0
- package/dist/nile-color-swatch/nile-color-swatch.esm.js +16 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-color-picker/index.d.ts +3 -0
- package/dist/src/nile-color-picker/index.js +3 -0
- package/dist/src/nile-color-picker/index.js.map +1 -0
- package/dist/src/nile-color-picker/nile-color-picker.css.d.ts +1 -0
- package/dist/src/nile-color-picker/nile-color-picker.css.js +228 -0
- package/dist/src/nile-color-picker/nile-color-picker.css.js.map +1 -0
- package/dist/src/nile-color-picker/nile-color-picker.d.ts +92 -0
- package/dist/src/nile-color-picker/nile-color-picker.js +613 -0
- package/dist/src/nile-color-picker/nile-color-picker.js.map +1 -0
- package/dist/src/nile-color-swatch/index.d.ts +1 -0
- package/dist/src/nile-color-swatch/index.js +2 -0
- package/dist/src/nile-color-swatch/index.js.map +1 -0
- package/dist/src/nile-color-swatch/nile-color-swatch.css.d.ts +1 -0
- package/dist/src/nile-color-swatch/nile-color-swatch.css.js +46 -0
- package/dist/src/nile-color-swatch/nile-color-swatch.css.js.map +1 -0
- package/dist/src/nile-color-swatch/nile-color-swatch.d.ts +15 -0
- package/dist/src/nile-color-swatch/nile-color-swatch.js +66 -0
- package/dist/src/nile-color-swatch/nile-color-swatch.js.map +1 -0
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -2
- package/src/index.ts +3 -0
- package/src/nile-color-picker/index.ts +3 -0
- package/src/nile-color-picker/nile-color-picker.css.ts +225 -0
- package/src/nile-color-picker/nile-color-picker.ts +541 -0
- package/src/nile-color-swatch/index.ts +1 -0
- package/src/nile-color-swatch/nile-color-swatch.css.ts +46 -0
- package/src/nile-color-swatch/nile-color-swatch.ts +72 -0
- 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';
|
package/dist/src/index.js.map
CHANGED
|
@@ -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 @@
|
|
|
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
|
+
}
|