@lukso/web-components 1.3.1 → 1.4.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/CHANGELOG.md +14 -0
- package/README.md +33 -7
- package/dist/color-palette/index.js +705 -0
- package/dist/color-palette/index.umd.cjs +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +5344 -1760
- package/dist/components/index.umd.cjs +2997 -72
- package/dist/components/lukso-button/index.d.ts +10 -1
- package/dist/components/lukso-button/index.js +234 -185
- package/dist/components/lukso-button/index.umd.cjs +32 -21
- package/dist/components/lukso-card/index.d.ts +4 -4
- package/dist/components/lukso-card/index.js +81 -72
- package/dist/components/lukso-card/index.umd.cjs +9 -9
- package/dist/components/lukso-icon/icons/add-photo.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-down-lg.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-down-sm.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-left-lg.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-left-sm.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-right-lg.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-right-sm.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-up-lg.d.ts +3 -0
- package/dist/components/lukso-icon/icons/arrow-up-sm.d.ts +3 -0
- package/dist/components/lukso-icon/icons/barbell-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/bulb-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/camera.d.ts +3 -0
- package/dist/components/lukso-icon/icons/clipboard.d.ts +3 -0
- package/dist/components/lukso-icon/icons/clock.d.ts +3 -0
- package/dist/components/lukso-icon/icons/close-lg.d.ts +3 -0
- package/dist/components/lukso-icon/icons/close-sm.d.ts +3 -0
- package/dist/components/lukso-icon/icons/cloud.d.ts +3 -0
- package/dist/components/lukso-icon/icons/compass-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/complete-filled.d.ts +3 -0
- package/dist/components/lukso-icon/icons/complete-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/connect.d.ts +3 -0
- package/dist/components/lukso-icon/icons/connections.d.ts +3 -0
- package/dist/components/lukso-icon/icons/contract-lock.d.ts +3 -0
- package/dist/components/lukso-icon/icons/controller.d.ts +3 -0
- package/dist/components/lukso-icon/icons/copy.d.ts +3 -0
- package/dist/components/lukso-icon/icons/cross-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/dots.d.ts +3 -0
- package/dist/components/lukso-icon/icons/edit.d.ts +3 -0
- package/dist/components/lukso-icon/icons/error.d.ts +3 -0
- package/dist/components/lukso-icon/icons/eth-logo.d.ts +3 -0
- package/dist/components/lukso-icon/icons/expand.d.ts +3 -0
- package/dist/components/lukso-icon/icons/extension.d.ts +3 -0
- package/dist/components/lukso-icon/icons/eye-hide.d.ts +3 -0
- package/dist/components/lukso-icon/icons/eye-show.d.ts +3 -0
- package/dist/components/lukso-icon/icons/filter.d.ts +3 -0
- package/dist/components/lukso-icon/icons/fish-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/flip.d.ts +3 -0
- package/dist/components/lukso-icon/icons/globe.d.ts +3 -0
- package/dist/components/lukso-icon/icons/google-color.d.ts +3 -0
- package/dist/components/lukso-icon/icons/hamburger.d.ts +3 -0
- package/dist/components/lukso-icon/icons/infinite.d.ts +3 -0
- package/dist/components/lukso-icon/icons/information.d.ts +3 -0
- package/dist/components/lukso-icon/icons/key-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/link.d.ts +3 -0
- package/dist/components/lukso-icon/icons/link1.d.ts +3 -0
- package/dist/components/lukso-icon/icons/link2.d.ts +3 -0
- package/dist/components/lukso-icon/icons/link3.d.ts +3 -0
- package/dist/components/lukso-icon/icons/link4.d.ts +3 -0
- package/dist/components/lukso-icon/icons/loading.d.ts +3 -0
- package/dist/components/lukso-icon/icons/location.d.ts +3 -0
- package/dist/components/lukso-icon/icons/locked.d.ts +3 -0
- package/dist/components/lukso-icon/icons/login-2.d.ts +3 -0
- package/dist/components/lukso-icon/icons/login-3.d.ts +3 -0
- package/dist/components/lukso-icon/icons/login.d.ts +3 -0
- package/dist/components/lukso-icon/icons/logo-chrome.d.ts +3 -0
- package/dist/components/lukso-icon/icons/lyx-logo.d.ts +3 -0
- package/dist/components/lukso-icon/icons/mail.d.ts +3 -0
- package/dist/components/lukso-icon/icons/menu-1.d.ts +3 -0
- package/dist/components/lukso-icon/icons/menu-2.d.ts +3 -0
- package/dist/components/lukso-icon/icons/migrate.d.ts +3 -0
- package/dist/components/lukso-icon/icons/minimize.d.ts +3 -0
- package/dist/components/lukso-icon/icons/network.d.ts +3 -0
- package/dist/components/lukso-icon/icons/notifications.d.ts +3 -0
- package/dist/components/lukso-icon/icons/phone-portrait-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/pin.d.ts +3 -0
- package/dist/components/lukso-icon/icons/play-filled.d.ts +3 -0
- package/dist/components/lukso-icon/icons/play-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/plus.d.ts +3 -0
- package/dist/components/lukso-icon/icons/profile-add.d.ts +3 -0
- package/dist/components/lukso-icon/icons/profile-export.d.ts +3 -0
- package/dist/components/lukso-icon/icons/profile-import.d.ts +3 -0
- package/dist/components/lukso-icon/icons/profile-recovery-2.d.ts +3 -0
- package/dist/components/lukso-icon/icons/profile-recovery.d.ts +3 -0
- package/dist/components/lukso-icon/icons/profile-restore.d.ts +3 -0
- package/dist/components/lukso-icon/icons/profile.d.ts +3 -0
- package/dist/components/lukso-icon/icons/qr-code.d.ts +3 -0
- package/dist/components/lukso-icon/icons/relayer.d.ts +3 -0
- package/dist/components/lukso-icon/icons/reload.d.ts +3 -0
- package/dist/components/lukso-icon/icons/return-down.d.ts +3 -0
- package/dist/components/lukso-icon/icons/return-left.d.ts +3 -0
- package/dist/components/lukso-icon/icons/return-right.d.ts +3 -0
- package/dist/components/lukso-icon/icons/return-up.d.ts +3 -0
- package/dist/components/lukso-icon/icons/search.d.ts +3 -0
- package/dist/components/lukso-icon/icons/settings.d.ts +3 -0
- package/dist/components/lukso-icon/icons/smart-contract-doc.d.ts +3 -0
- package/dist/components/lukso-icon/icons/smart-contract.d.ts +3 -0
- package/dist/components/lukso-icon/icons/star-filled.d.ts +3 -0
- package/dist/components/lukso-icon/icons/star-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/step-dot.d.ts +3 -0
- package/dist/components/lukso-icon/icons/step-progress.d.ts +3 -0
- package/dist/components/lukso-icon/icons/steps.d.ts +3 -0
- package/dist/components/lukso-icon/icons/tick.d.ts +3 -0
- package/dist/components/lukso-icon/icons/timer-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/transaction-receive.d.ts +3 -0
- package/dist/components/lukso-icon/icons/transaction-send.d.ts +3 -0
- package/dist/components/lukso-icon/icons/transfer.d.ts +3 -0
- package/dist/components/lukso-icon/icons/trash.d.ts +3 -0
- package/dist/components/lukso-icon/icons/turn-down.d.ts +3 -0
- package/dist/components/lukso-icon/icons/turn-left.d.ts +3 -0
- package/dist/components/lukso-icon/icons/turn-right.d.ts +3 -0
- package/dist/components/lukso-icon/icons/turn-up.d.ts +3 -0
- package/dist/components/lukso-icon/icons/unlocked.d.ts +3 -0
- package/dist/components/lukso-icon/icons/wallet-outline.d.ts +3 -0
- package/dist/components/lukso-icon/icons/warning-round.d.ts +3 -0
- package/dist/components/lukso-icon/icons/warning-triangle.d.ts +3 -0
- package/dist/components/lukso-icon/index.d.ts +23 -0
- package/dist/components/lukso-icon/index.js +4500 -0
- package/dist/components/lukso-icon/index.umd.cjs +2928 -0
- package/dist/components/lukso-input/index.d.ts +36 -0
- package/dist/components/lukso-input/index.js +1305 -0
- package/dist/components/lukso-input/index.umd.cjs +104 -0
- package/dist/components/lukso-navbar/index.d.ts +1 -1
- package/dist/components/lukso-navbar/index.js +23 -23
- package/dist/components/lukso-navbar/index.umd.cjs +7 -7
- package/dist/components/lukso-profile/index.d.ts +1 -1
- package/dist/components/lukso-profile/index.js +82 -73
- package/dist/components/lukso-profile/index.umd.cjs +10 -10
- package/dist/components/lukso-sanitize/index.d.ts +2 -2
- package/dist/components/lukso-sanitize/index.js +96 -93
- package/dist/components/lukso-sanitize/index.umd.cjs +9 -9
- package/dist/components/lukso-tag/index.d.ts +1 -1
- package/dist/components/lukso-tag/index.js +28 -25
- package/dist/components/lukso-tag/index.umd.cjs +8 -8
- package/dist/components/lukso-test/index.d.ts +1 -1
- package/dist/components/lukso-test/index.js +619 -619
- package/dist/components/lukso-test/index.umd.cjs +25 -25
- package/dist/components/lukso-username/index.d.ts +1 -1
- package/dist/components/lukso-username/index.js +49 -50
- package/dist/components/lukso-username/index.umd.cjs +14 -14
- package/dist/components/lukso-wizard/index.d.ts +2 -2
- package/dist/components/lukso-wizard/index.js +1 -1
- package/dist/components/lukso-wizard/index.umd.cjs +1 -1
- package/dist/index.js +5344 -1760
- package/dist/index.umd.cjs +2997 -72
- package/dist/sass/color-palette.ts +1 -1
- package/dist/sass/colors.scss +91 -0
- package/{src/shared/utils → dist/sass}/hslColorMap.ts +0 -0
- package/dist/sass/main.scss +1 -0
- package/dist/shared/directives/custom-class-map/index.d.ts +1 -1
- package/dist/shared/styles/color-palette.d.ts +43 -0
- package/dist/shared/styles/hslColorMap.d.ts +10 -0
- package/dist/shared/tailwind-element/index.js +99 -99
- package/dist/shared/tailwind-element/index.umd.cjs +11 -11
- package/dist/shared/tailwind-element.js +99 -99
- package/dist/shared/tailwind-element.umd.cjs +11 -11
- package/dist/styles/main.css +91 -0
- package/package.json +18 -1
- package/src/components/index.ts +3 -1
- package/src/components/lukso-button/index.ts +70 -3
- package/src/components/lukso-button/lukso-button.stories.ts +101 -3
- package/src/components/lukso-card/lukso-card.stories.ts +6 -2
- package/src/components/lukso-icon/icons/add-photo.ts +46 -0
- package/src/components/lukso-icon/icons/arrow-down-lg.ts +26 -0
- package/src/components/lukso-icon/icons/arrow-down-sm.ts +26 -0
- package/src/components/lukso-icon/icons/arrow-left-lg.ts +26 -0
- package/src/components/lukso-icon/icons/arrow-left-sm.ts +26 -0
- package/src/components/lukso-icon/icons/arrow-right-lg.ts +26 -0
- package/src/components/lukso-icon/icons/arrow-right-sm.ts +26 -0
- package/src/components/lukso-icon/icons/arrow-up-lg.ts +26 -0
- package/src/components/lukso-icon/icons/arrow-up-sm.ts +26 -0
- package/src/components/lukso-icon/icons/barbell-outline.ts +54 -0
- package/src/components/lukso-icon/icons/bulb-outline.ts +54 -0
- package/src/components/lukso-icon/icons/camera.ts +40 -0
- package/src/components/lukso-icon/icons/clipboard.ts +59 -0
- package/src/components/lukso-icon/icons/clock.ts +31 -0
- package/src/components/lukso-icon/icons/close-lg.ts +33 -0
- package/src/components/lukso-icon/icons/close-sm.ts +33 -0
- package/src/components/lukso-icon/icons/cloud.ts +25 -0
- package/src/components/lukso-icon/icons/compass-outline.ts +29 -0
- package/src/components/lukso-icon/icons/complete-filled.ts +32 -0
- package/src/components/lukso-icon/icons/complete-outline.ts +31 -0
- package/src/components/lukso-icon/icons/connect.ts +33 -0
- package/src/components/lukso-icon/icons/connections.ts +34 -0
- package/src/components/lukso-icon/icons/contract-lock.ts +43 -0
- package/src/components/lukso-icon/icons/controller.ts +55 -0
- package/src/components/lukso-icon/icons/copy.ts +31 -0
- package/src/components/lukso-icon/icons/cross-outline.ts +38 -0
- package/src/components/lukso-icon/icons/dots.ts +22 -0
- package/src/components/lukso-icon/icons/edit.ts +30 -0
- package/src/components/lukso-icon/icons/error.ts +31 -0
- package/src/components/lukso-icon/icons/eth-logo.ts +50 -0
- package/src/components/lukso-icon/icons/expand.ts +31 -0
- package/src/components/lukso-icon/icons/extension.ts +31 -0
- package/src/components/lukso-icon/icons/eye-hide.ts +47 -0
- package/src/components/lukso-icon/icons/eye-show.ts +37 -0
- package/src/components/lukso-icon/icons/filter.ts +43 -0
- package/src/components/lukso-icon/icons/fish-outline.ts +36 -0
- package/src/components/lukso-icon/icons/flip.ts +45 -0
- package/src/components/lukso-icon/icons/globe.ts +61 -0
- package/src/components/lukso-icon/icons/google-color.ts +35 -0
- package/src/components/lukso-icon/icons/hamburger.ts +40 -0
- package/src/components/lukso-icon/icons/infinite.ts +33 -0
- package/src/components/lukso-icon/icons/information.ts +38 -0
- package/src/components/lukso-icon/icons/key-outline.ts +25 -0
- package/src/components/lukso-icon/icons/link.ts +33 -0
- package/src/components/lukso-icon/icons/link1.ts +39 -0
- package/src/components/lukso-icon/icons/link2.ts +46 -0
- package/src/components/lukso-icon/icons/link3.ts +32 -0
- package/src/components/lukso-icon/icons/link4.ts +52 -0
- package/src/components/lukso-icon/icons/loading.ts +50 -0
- package/src/components/lukso-icon/icons/location.ts +33 -0
- package/src/components/lukso-icon/icons/locked.ts +44 -0
- package/src/components/lukso-icon/icons/login-2.ts +55 -0
- package/src/components/lukso-icon/icons/login-3.ts +53 -0
- package/src/components/lukso-icon/icons/login.ts +39 -0
- package/src/components/lukso-icon/icons/logo-chrome.ts +35 -0
- package/src/components/lukso-icon/icons/lyx-logo.ts +41 -0
- package/src/components/lukso-icon/icons/mail.ts +33 -0
- package/src/components/lukso-icon/icons/menu-1.ts +71 -0
- package/src/components/lukso-icon/icons/menu-2.ts +61 -0
- package/src/components/lukso-icon/icons/migrate.ts +47 -0
- package/src/components/lukso-icon/icons/minimize.ts +53 -0
- package/src/components/lukso-icon/icons/network.ts +49 -0
- package/src/components/lukso-icon/icons/notifications.ts +33 -0
- package/src/components/lukso-icon/icons/phone-portrait-outline.ts +33 -0
- package/src/components/lukso-icon/icons/pin.ts +25 -0
- package/src/components/lukso-icon/icons/play-filled.ts +23 -0
- package/src/components/lukso-icon/icons/play-outline.ts +24 -0
- package/src/components/lukso-icon/icons/plus.ts +33 -0
- package/src/components/lukso-icon/icons/profile-add.ts +43 -0
- package/src/components/lukso-icon/icons/profile-export.ts +42 -0
- package/src/components/lukso-icon/icons/profile-import.ts +42 -0
- package/src/components/lukso-icon/icons/profile-recovery-2.ts +62 -0
- package/src/components/lukso-icon/icons/profile-recovery.ts +55 -0
- package/src/components/lukso-icon/icons/profile-restore.ts +50 -0
- package/src/components/lukso-icon/icons/profile.ts +29 -0
- package/src/components/lukso-icon/icons/qr-code.ts +122 -0
- package/src/components/lukso-icon/icons/relayer.ts +40 -0
- package/src/components/lukso-icon/icons/reload.ts +32 -0
- package/src/components/lukso-icon/icons/return-down.ts +33 -0
- package/src/components/lukso-icon/icons/return-left.ts +33 -0
- package/src/components/lukso-icon/icons/return-right.ts +33 -0
- package/src/components/lukso-icon/icons/return-up.ts +33 -0
- package/src/components/lukso-icon/icons/search.ts +28 -0
- package/src/components/lukso-icon/icons/settings.ts +33 -0
- package/src/components/lukso-icon/icons/smart-contract-doc.ts +40 -0
- package/src/components/lukso-icon/icons/smart-contract.ts +31 -0
- package/src/components/lukso-icon/icons/star-filled.ts +23 -0
- package/src/components/lukso-icon/icons/star-outline.ts +24 -0
- package/src/components/lukso-icon/icons/step-dot.ts +34 -0
- package/src/components/lukso-icon/icons/step-progress.ts +31 -0
- package/src/components/lukso-icon/icons/steps.ts +40 -0
- package/src/components/lukso-icon/icons/tick.ts +26 -0
- package/src/components/lukso-icon/icons/timer-outline.ts +47 -0
- package/src/components/lukso-icon/icons/transaction-receive.ts +39 -0
- package/src/components/lukso-icon/icons/transaction-send.ts +39 -0
- package/src/components/lukso-icon/icons/transfer.ts +47 -0
- package/src/components/lukso-icon/icons/trash.ts +40 -0
- package/src/components/lukso-icon/icons/turn-down.ts +33 -0
- package/src/components/lukso-icon/icons/turn-left.ts +33 -0
- package/src/components/lukso-icon/icons/turn-right.ts +33 -0
- package/src/components/lukso-icon/icons/turn-up.ts +33 -0
- package/src/components/lukso-icon/icons/unlocked.ts +41 -0
- package/src/components/lukso-icon/icons/wallet-outline.ts +35 -0
- package/src/components/lukso-icon/icons/warning-round.ts +32 -0
- package/src/components/lukso-icon/icons/warning-triangle.ts +32 -0
- package/src/components/lukso-icon/index.ts +299 -0
- package/src/components/lukso-icon/lukso-icon.stories.ts +96 -0
- package/src/components/lukso-input/index.ts +188 -0
- package/src/components/lukso-input/lukso-input.stories.ts +183 -0
- package/src/components/lukso-navbar/index.ts +1 -1
- package/src/components/lukso-navbar/lukso-navbar.stories.ts +18 -1
- package/src/components/lukso-profile/index.ts +9 -3
- package/src/components/lukso-profile/lukso-profile.stories.ts +18 -1
- package/src/components/lukso-sanitize/index.ts +1 -1
- package/src/components/lukso-sanitize/lukso-sanitize.stories.ts +5 -1
- package/src/components/lukso-tag/index.ts +4 -4
- package/src/components/lukso-tag/lukso-tag.stories.ts +28 -5
- package/src/components/lukso-username/index.ts +3 -3
- package/src/components/lukso-username/lukso-username.stories.ts +10 -2
- package/src/components/lukso-wizard/index.ts +1 -1
- package/src/components/lukso-wizard/lukso-wizard.stories.ts +4 -1
- package/src/shared/styles/color-palette.ts +1 -1
- package/src/shared/styles/colors.scss +91 -0
- package/src/shared/styles/hslColorMap.ts +20 -0
- package/src/shared/styles/main.scss +1 -0
- package/src/shared/utils/__tests__/sliceAddress.spec.ts +1 -1
- package/tools/color-palette.cjs +2 -2
- package/tools/color-palette.d.ts +2 -2
- package/tools/color-palette.d.ts.map +1 -1
|
@@ -0,0 +1,705 @@
|
|
|
1
|
+
const E = /^\s+/, I = /\s+$/;
|
|
2
|
+
function s(t, r) {
|
|
3
|
+
if (t = t || "", r = r || {}, t instanceof s)
|
|
4
|
+
return t;
|
|
5
|
+
if (!(this instanceof s))
|
|
6
|
+
return new s(t, r);
|
|
7
|
+
var e = P(t);
|
|
8
|
+
this._originalInput = t, this._r = e.r, this._g = e.g, this._b = e.b, this._a = e.a, this._roundA = Math.round(100 * this._a) / 100, this._format = r.format || e.format, this._gradientType = r.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = e.ok;
|
|
9
|
+
}
|
|
10
|
+
s.prototype = {
|
|
11
|
+
isDark: function() {
|
|
12
|
+
return this.getBrightness() < 128;
|
|
13
|
+
},
|
|
14
|
+
isLight: function() {
|
|
15
|
+
return !this.isDark();
|
|
16
|
+
},
|
|
17
|
+
isValid: function() {
|
|
18
|
+
return this._ok;
|
|
19
|
+
},
|
|
20
|
+
getOriginalInput: function() {
|
|
21
|
+
return this._originalInput;
|
|
22
|
+
},
|
|
23
|
+
getFormat: function() {
|
|
24
|
+
return this._format;
|
|
25
|
+
},
|
|
26
|
+
getAlpha: function() {
|
|
27
|
+
return this._a;
|
|
28
|
+
},
|
|
29
|
+
getBrightness: function() {
|
|
30
|
+
var t = this.toRgb();
|
|
31
|
+
return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
|
|
32
|
+
},
|
|
33
|
+
getLuminance: function() {
|
|
34
|
+
var t = this.toRgb(), r, e, a, n, i, h;
|
|
35
|
+
return r = t.r / 255, e = t.g / 255, a = t.b / 255, r <= 0.03928 ? n = r / 12.92 : n = Math.pow((r + 0.055) / 1.055, 2.4), e <= 0.03928 ? i = e / 12.92 : i = Math.pow((e + 0.055) / 1.055, 2.4), a <= 0.03928 ? h = a / 12.92 : h = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * n + 0.7152 * i + 0.0722 * h;
|
|
36
|
+
},
|
|
37
|
+
setAlpha: function(t) {
|
|
38
|
+
return this._a = T(t), this._roundA = Math.round(100 * this._a) / 100, this;
|
|
39
|
+
},
|
|
40
|
+
toHsv: function() {
|
|
41
|
+
var t = S(this._r, this._g, this._b);
|
|
42
|
+
return { h: t.h * 360, s: t.s, v: t.v, a: this._a };
|
|
43
|
+
},
|
|
44
|
+
toHsvString: function() {
|
|
45
|
+
var t = S(this._r, this._g, this._b), r = Math.round(t.h * 360), e = Math.round(t.s * 100), a = Math.round(t.v * 100);
|
|
46
|
+
return this._a == 1 ? "hsv(" + r + ", " + e + "%, " + a + "%)" : "hsva(" + r + ", " + e + "%, " + a + "%, " + this._roundA + ")";
|
|
47
|
+
},
|
|
48
|
+
toHsl: function() {
|
|
49
|
+
var t = k(this._r, this._g, this._b);
|
|
50
|
+
return { h: t.h * 360, s: t.s, l: t.l, a: this._a };
|
|
51
|
+
},
|
|
52
|
+
toHslString: function() {
|
|
53
|
+
var t = k(this._r, this._g, this._b), r = Math.round(t.h * 360), e = Math.round(t.s * 100), a = Math.round(t.l * 100);
|
|
54
|
+
return this._a == 1 ? "hsl(" + r + ", " + e + "%, " + a + "%)" : "hsla(" + r + ", " + e + "%, " + a + "%, " + this._roundA + ")";
|
|
55
|
+
},
|
|
56
|
+
toHex: function(t) {
|
|
57
|
+
return w(this._r, this._g, this._b, t);
|
|
58
|
+
},
|
|
59
|
+
toHexString: function(t) {
|
|
60
|
+
return "#" + this.toHex(t);
|
|
61
|
+
},
|
|
62
|
+
toHex8: function(t) {
|
|
63
|
+
return O(this._r, this._g, this._b, this._a, t);
|
|
64
|
+
},
|
|
65
|
+
toHex8String: function(t) {
|
|
66
|
+
return "#" + this.toHex8(t);
|
|
67
|
+
},
|
|
68
|
+
toRgb: function() {
|
|
69
|
+
return {
|
|
70
|
+
r: Math.round(this._r),
|
|
71
|
+
g: Math.round(this._g),
|
|
72
|
+
b: Math.round(this._b),
|
|
73
|
+
a: this._a
|
|
74
|
+
};
|
|
75
|
+
},
|
|
76
|
+
toRgbString: function() {
|
|
77
|
+
return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
|
|
78
|
+
},
|
|
79
|
+
toPercentageRgb: function() {
|
|
80
|
+
return {
|
|
81
|
+
r: Math.round(f(this._r, 255) * 100) + "%",
|
|
82
|
+
g: Math.round(f(this._g, 255) * 100) + "%",
|
|
83
|
+
b: Math.round(f(this._b, 255) * 100) + "%",
|
|
84
|
+
a: this._a
|
|
85
|
+
};
|
|
86
|
+
},
|
|
87
|
+
toPercentageRgbString: function() {
|
|
88
|
+
return this._a == 1 ? "rgb(" + Math.round(f(this._r, 255) * 100) + "%, " + Math.round(f(this._g, 255) * 100) + "%, " + Math.round(f(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(f(this._r, 255) * 100) + "%, " + Math.round(f(this._g, 255) * 100) + "%, " + Math.round(f(this._b, 255) * 100) + "%, " + this._roundA + ")";
|
|
89
|
+
},
|
|
90
|
+
toName: function() {
|
|
91
|
+
return this._a === 0 ? "transparent" : this._a < 1 ? !1 : J[w(this._r, this._g, this._b, !0)] || !1;
|
|
92
|
+
},
|
|
93
|
+
toFilter: function(t) {
|
|
94
|
+
var r = "#" + H(this._r, this._g, this._b, this._a), e = r, a = this._gradientType ? "GradientType = 1, " : "";
|
|
95
|
+
if (t) {
|
|
96
|
+
var n = s(t);
|
|
97
|
+
e = "#" + H(n._r, n._g, n._b, n._a);
|
|
98
|
+
}
|
|
99
|
+
return "progid:DXImageTransform.Microsoft.gradient(" + a + "startColorstr=" + r + ",endColorstr=" + e + ")";
|
|
100
|
+
},
|
|
101
|
+
toString: function(t) {
|
|
102
|
+
var r = !!t;
|
|
103
|
+
t = t || this._format;
|
|
104
|
+
var e = !1, a = this._a < 1 && this._a >= 0, n = !r && a && (t === "hex" || t === "hex6" || t === "hex3" || t === "hex4" || t === "hex8" || t === "name");
|
|
105
|
+
return n ? t === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (e = this.toRgbString()), t === "prgb" && (e = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (e = this.toHexString()), t === "hex3" && (e = this.toHexString(!0)), t === "hex4" && (e = this.toHex8String(!0)), t === "hex8" && (e = this.toHex8String()), t === "name" && (e = this.toName()), t === "hsl" && (e = this.toHslString()), t === "hsv" && (e = this.toHsvString()), e || this.toHexString());
|
|
106
|
+
},
|
|
107
|
+
clone: function() {
|
|
108
|
+
return s(this.toString());
|
|
109
|
+
},
|
|
110
|
+
_applyModification: function(t, r) {
|
|
111
|
+
var e = t.apply(null, [this].concat([].slice.call(r)));
|
|
112
|
+
return this._r = e._r, this._g = e._g, this._b = e._b, this.setAlpha(e._a), this;
|
|
113
|
+
},
|
|
114
|
+
lighten: function() {
|
|
115
|
+
return this._applyModification(L, arguments);
|
|
116
|
+
},
|
|
117
|
+
brighten: function() {
|
|
118
|
+
return this._applyModification(q, arguments);
|
|
119
|
+
},
|
|
120
|
+
darken: function() {
|
|
121
|
+
return this._applyModification(U, arguments);
|
|
122
|
+
},
|
|
123
|
+
desaturate: function() {
|
|
124
|
+
return this._applyModification(j, arguments);
|
|
125
|
+
},
|
|
126
|
+
saturate: function() {
|
|
127
|
+
return this._applyModification(z, arguments);
|
|
128
|
+
},
|
|
129
|
+
greyscale: function() {
|
|
130
|
+
return this._applyModification(G, arguments);
|
|
131
|
+
},
|
|
132
|
+
spin: function() {
|
|
133
|
+
return this._applyModification($, arguments);
|
|
134
|
+
},
|
|
135
|
+
_applyCombination: function(t, r) {
|
|
136
|
+
return t.apply(null, [this].concat([].slice.call(r)));
|
|
137
|
+
},
|
|
138
|
+
analogous: function() {
|
|
139
|
+
return this._applyCombination(X, arguments);
|
|
140
|
+
},
|
|
141
|
+
complement: function() {
|
|
142
|
+
return this._applyCombination(V, arguments);
|
|
143
|
+
},
|
|
144
|
+
monochromatic: function() {
|
|
145
|
+
return this._applyCombination(Z, arguments);
|
|
146
|
+
},
|
|
147
|
+
splitcomplement: function() {
|
|
148
|
+
return this._applyCombination(W, arguments);
|
|
149
|
+
},
|
|
150
|
+
// Disabled until https://github.com/bgrins/TinyColor/issues/254
|
|
151
|
+
// polyad: function (number) {
|
|
152
|
+
// return this._applyCombination(polyad, [number]);
|
|
153
|
+
// },
|
|
154
|
+
triad: function() {
|
|
155
|
+
return this._applyCombination(R, [3]);
|
|
156
|
+
},
|
|
157
|
+
tetrad: function() {
|
|
158
|
+
return this._applyCombination(R, [4]);
|
|
159
|
+
}
|
|
160
|
+
};
|
|
161
|
+
s.fromRatio = function(t, r) {
|
|
162
|
+
if (typeof t == "object") {
|
|
163
|
+
var e = {};
|
|
164
|
+
for (var a in t)
|
|
165
|
+
t.hasOwnProperty(a) && (a === "a" ? e[a] = t[a] : e[a] = m(t[a]));
|
|
166
|
+
t = e;
|
|
167
|
+
}
|
|
168
|
+
return s(t, r);
|
|
169
|
+
};
|
|
170
|
+
function P(t) {
|
|
171
|
+
var r = { r: 0, g: 0, b: 0 }, e = 1, a = null, n = null, i = null, h = !1, u = !1;
|
|
172
|
+
return typeof t == "string" && (t = tt(t)), typeof t == "object" && (p(t.r) && p(t.g) && p(t.b) ? (r = N(t.r, t.g, t.b), h = !0, u = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : p(t.h) && p(t.s) && p(t.v) ? (a = m(t.s), n = m(t.v), r = D(t.h, a, n), h = !0, u = "hsv") : p(t.h) && p(t.s) && p(t.l) && (a = m(t.s), i = m(t.l), r = B(t.h, a, i), h = !0, u = "hsl"), t.hasOwnProperty("a") && (e = t.a)), e = T(e), {
|
|
173
|
+
ok: h,
|
|
174
|
+
format: t.format || u,
|
|
175
|
+
r: Math.min(255, Math.max(r.r, 0)),
|
|
176
|
+
g: Math.min(255, Math.max(r.g, 0)),
|
|
177
|
+
b: Math.min(255, Math.max(r.b, 0)),
|
|
178
|
+
a: e
|
|
179
|
+
};
|
|
180
|
+
}
|
|
181
|
+
function N(t, r, e) {
|
|
182
|
+
return {
|
|
183
|
+
r: f(t, 255) * 255,
|
|
184
|
+
g: f(r, 255) * 255,
|
|
185
|
+
b: f(e, 255) * 255
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
function k(t, r, e) {
|
|
189
|
+
t = f(t, 255), r = f(r, 255), e = f(e, 255);
|
|
190
|
+
var a = Math.max(t, r, e), n = Math.min(t, r, e), i, h, u = (a + n) / 2;
|
|
191
|
+
if (a == n)
|
|
192
|
+
i = h = 0;
|
|
193
|
+
else {
|
|
194
|
+
var o = a - n;
|
|
195
|
+
switch (h = u > 0.5 ? o / (2 - a - n) : o / (a + n), a) {
|
|
196
|
+
case t:
|
|
197
|
+
i = (r - e) / o + (r < e ? 6 : 0);
|
|
198
|
+
break;
|
|
199
|
+
case r:
|
|
200
|
+
i = (e - t) / o + 2;
|
|
201
|
+
break;
|
|
202
|
+
case e:
|
|
203
|
+
i = (t - r) / o + 4;
|
|
204
|
+
break;
|
|
205
|
+
}
|
|
206
|
+
i /= 6;
|
|
207
|
+
}
|
|
208
|
+
return { h: i, s: h, l: u };
|
|
209
|
+
}
|
|
210
|
+
function B(t, r, e) {
|
|
211
|
+
var a, n, i;
|
|
212
|
+
t = f(t, 360), r = f(r, 100), e = f(e, 100);
|
|
213
|
+
function h(d, _, c) {
|
|
214
|
+
return c < 0 && (c += 1), c > 1 && (c -= 1), c < 1 / 6 ? d + (_ - d) * 6 * c : c < 1 / 2 ? _ : c < 2 / 3 ? d + (_ - d) * (2 / 3 - c) * 6 : d;
|
|
215
|
+
}
|
|
216
|
+
if (r === 0)
|
|
217
|
+
a = n = i = e;
|
|
218
|
+
else {
|
|
219
|
+
var u = e < 0.5 ? e * (1 + r) : e + r - e * r, o = 2 * e - u;
|
|
220
|
+
a = h(o, u, t + 1 / 3), n = h(o, u, t), i = h(o, u, t - 1 / 3);
|
|
221
|
+
}
|
|
222
|
+
return { r: a * 255, g: n * 255, b: i * 255 };
|
|
223
|
+
}
|
|
224
|
+
function S(t, r, e) {
|
|
225
|
+
t = f(t, 255), r = f(r, 255), e = f(e, 255);
|
|
226
|
+
var a = Math.max(t, r, e), n = Math.min(t, r, e), i, h, u = a, o = a - n;
|
|
227
|
+
if (h = a === 0 ? 0 : o / a, a == n)
|
|
228
|
+
i = 0;
|
|
229
|
+
else {
|
|
230
|
+
switch (a) {
|
|
231
|
+
case t:
|
|
232
|
+
i = (r - e) / o + (r < e ? 6 : 0);
|
|
233
|
+
break;
|
|
234
|
+
case r:
|
|
235
|
+
i = (e - t) / o + 2;
|
|
236
|
+
break;
|
|
237
|
+
case e:
|
|
238
|
+
i = (t - r) / o + 4;
|
|
239
|
+
break;
|
|
240
|
+
}
|
|
241
|
+
i /= 6;
|
|
242
|
+
}
|
|
243
|
+
return { h: i, s: h, v: u };
|
|
244
|
+
}
|
|
245
|
+
function D(t, r, e) {
|
|
246
|
+
t = f(t, 360) * 6, r = f(r, 100), e = f(e, 100);
|
|
247
|
+
var a = Math.floor(t), n = t - a, i = e * (1 - r), h = e * (1 - n * r), u = e * (1 - (1 - n) * r), o = a % 6, d = [e, h, i, i, u, e][o], _ = [u, e, e, h, i, i][o], c = [i, i, u, e, e, h][o];
|
|
248
|
+
return { r: d * 255, g: _ * 255, b: c * 255 };
|
|
249
|
+
}
|
|
250
|
+
function w(t, r, e, a) {
|
|
251
|
+
var n = [
|
|
252
|
+
v(Math.round(t).toString(16)),
|
|
253
|
+
v(Math.round(r).toString(16)),
|
|
254
|
+
v(Math.round(e).toString(16))
|
|
255
|
+
];
|
|
256
|
+
return a && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
|
|
257
|
+
}
|
|
258
|
+
function O(t, r, e, a, n) {
|
|
259
|
+
var i = [
|
|
260
|
+
v(Math.round(t).toString(16)),
|
|
261
|
+
v(Math.round(r).toString(16)),
|
|
262
|
+
v(Math.round(e).toString(16)),
|
|
263
|
+
v(C(a))
|
|
264
|
+
];
|
|
265
|
+
return n && i[0].charAt(0) == i[0].charAt(1) && i[1].charAt(0) == i[1].charAt(1) && i[2].charAt(0) == i[2].charAt(1) && i[3].charAt(0) == i[3].charAt(1) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
|
|
266
|
+
}
|
|
267
|
+
function H(t, r, e, a) {
|
|
268
|
+
var n = [
|
|
269
|
+
v(C(a)),
|
|
270
|
+
v(Math.round(t).toString(16)),
|
|
271
|
+
v(Math.round(r).toString(16)),
|
|
272
|
+
v(Math.round(e).toString(16))
|
|
273
|
+
];
|
|
274
|
+
return n.join("");
|
|
275
|
+
}
|
|
276
|
+
s.equals = function(t, r) {
|
|
277
|
+
return !t || !r ? !1 : s(t).toRgbString() == s(r).toRgbString();
|
|
278
|
+
};
|
|
279
|
+
s.random = function() {
|
|
280
|
+
return s.fromRatio({
|
|
281
|
+
r: Math.random(),
|
|
282
|
+
g: Math.random(),
|
|
283
|
+
b: Math.random()
|
|
284
|
+
});
|
|
285
|
+
};
|
|
286
|
+
function j(t, r) {
|
|
287
|
+
r = r === 0 ? 0 : r || 10;
|
|
288
|
+
var e = s(t).toHsl();
|
|
289
|
+
return e.s -= r / 100, e.s = x(e.s), s(e);
|
|
290
|
+
}
|
|
291
|
+
function z(t, r) {
|
|
292
|
+
r = r === 0 ? 0 : r || 10;
|
|
293
|
+
var e = s(t).toHsl();
|
|
294
|
+
return e.s += r / 100, e.s = x(e.s), s(e);
|
|
295
|
+
}
|
|
296
|
+
function G(t) {
|
|
297
|
+
return s(t).desaturate(100);
|
|
298
|
+
}
|
|
299
|
+
function L(t, r) {
|
|
300
|
+
r = r === 0 ? 0 : r || 10;
|
|
301
|
+
var e = s(t).toHsl();
|
|
302
|
+
return e.l += r / 100, e.l = x(e.l), s(e);
|
|
303
|
+
}
|
|
304
|
+
function q(t, r) {
|
|
305
|
+
r = r === 0 ? 0 : r || 10;
|
|
306
|
+
var e = s(t).toRgb();
|
|
307
|
+
return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(r / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(r / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(r / 100)))), s(e);
|
|
308
|
+
}
|
|
309
|
+
function U(t, r) {
|
|
310
|
+
r = r === 0 ? 0 : r || 10;
|
|
311
|
+
var e = s(t).toHsl();
|
|
312
|
+
return e.l -= r / 100, e.l = x(e.l), s(e);
|
|
313
|
+
}
|
|
314
|
+
function $(t, r) {
|
|
315
|
+
var e = s(t).toHsl(), a = (e.h + r) % 360;
|
|
316
|
+
return e.h = a < 0 ? 360 + a : a, s(e);
|
|
317
|
+
}
|
|
318
|
+
function V(t) {
|
|
319
|
+
var r = s(t).toHsl();
|
|
320
|
+
return r.h = (r.h + 180) % 360, s(r);
|
|
321
|
+
}
|
|
322
|
+
function R(t, r) {
|
|
323
|
+
if (isNaN(r) || r <= 0)
|
|
324
|
+
throw new Error("Argument to polyad must be a positive number");
|
|
325
|
+
for (var e = s(t).toHsl(), a = [s(t)], n = 360 / r, i = 1; i < r; i++)
|
|
326
|
+
a.push(s({ h: (e.h + i * n) % 360, s: e.s, l: e.l }));
|
|
327
|
+
return a;
|
|
328
|
+
}
|
|
329
|
+
function W(t) {
|
|
330
|
+
var r = s(t).toHsl(), e = r.h;
|
|
331
|
+
return [
|
|
332
|
+
s(t),
|
|
333
|
+
s({ h: (e + 72) % 360, s: r.s, l: r.l }),
|
|
334
|
+
s({ h: (e + 216) % 360, s: r.s, l: r.l })
|
|
335
|
+
];
|
|
336
|
+
}
|
|
337
|
+
function X(t, r, e) {
|
|
338
|
+
r = r || 6, e = e || 30;
|
|
339
|
+
var a = s(t).toHsl(), n = 360 / e, i = [s(t)];
|
|
340
|
+
for (a.h = (a.h - (n * r >> 1) + 720) % 360; --r; )
|
|
341
|
+
a.h = (a.h + n) % 360, i.push(s(a));
|
|
342
|
+
return i;
|
|
343
|
+
}
|
|
344
|
+
function Z(t, r) {
|
|
345
|
+
r = r || 6;
|
|
346
|
+
for (var e = s(t).toHsv(), a = e.h, n = e.s, i = e.v, h = [], u = 1 / r; r--; )
|
|
347
|
+
h.push(s({ h: a, s: n, v: i })), i = (i + u) % 1;
|
|
348
|
+
return h;
|
|
349
|
+
}
|
|
350
|
+
s.mix = function(t, r, e) {
|
|
351
|
+
e = e === 0 ? 0 : e || 50;
|
|
352
|
+
var a = s(t).toRgb(), n = s(r).toRgb(), i = e / 100, h = {
|
|
353
|
+
r: (n.r - a.r) * i + a.r,
|
|
354
|
+
g: (n.g - a.g) * i + a.g,
|
|
355
|
+
b: (n.b - a.b) * i + a.b,
|
|
356
|
+
a: (n.a - a.a) * i + a.a
|
|
357
|
+
};
|
|
358
|
+
return s(h);
|
|
359
|
+
};
|
|
360
|
+
s.readability = function(t, r) {
|
|
361
|
+
var e = s(t), a = s(r);
|
|
362
|
+
return (Math.max(e.getLuminance(), a.getLuminance()) + 0.05) / (Math.min(e.getLuminance(), a.getLuminance()) + 0.05);
|
|
363
|
+
};
|
|
364
|
+
s.isReadable = function(t, r, e) {
|
|
365
|
+
var a = s.readability(t, r), n, i;
|
|
366
|
+
switch (i = !1, n = et(e), n.level + n.size) {
|
|
367
|
+
case "AAsmall":
|
|
368
|
+
case "AAAlarge":
|
|
369
|
+
i = a >= 4.5;
|
|
370
|
+
break;
|
|
371
|
+
case "AAlarge":
|
|
372
|
+
i = a >= 3;
|
|
373
|
+
break;
|
|
374
|
+
case "AAAsmall":
|
|
375
|
+
i = a >= 7;
|
|
376
|
+
break;
|
|
377
|
+
}
|
|
378
|
+
return i;
|
|
379
|
+
};
|
|
380
|
+
s.mostReadable = function(t, r, e) {
|
|
381
|
+
var a = null, n = 0, i, h, u, o;
|
|
382
|
+
e = e || {}, h = e.includeFallbackColors, u = e.level, o = e.size;
|
|
383
|
+
for (var d = 0; d < r.length; d++)
|
|
384
|
+
i = s.readability(t, r[d]), i > n && (n = i, a = s(r[d]));
|
|
385
|
+
return s.isReadable(t, a, {
|
|
386
|
+
level: u,
|
|
387
|
+
size: o
|
|
388
|
+
}) || !h ? a : (e.includeFallbackColors = !1, s.mostReadable(t, ["#fff", "#000"], e));
|
|
389
|
+
};
|
|
390
|
+
var y = s.names = {
|
|
391
|
+
aliceblue: "f0f8ff",
|
|
392
|
+
antiquewhite: "faebd7",
|
|
393
|
+
aqua: "0ff",
|
|
394
|
+
aquamarine: "7fffd4",
|
|
395
|
+
azure: "f0ffff",
|
|
396
|
+
beige: "f5f5dc",
|
|
397
|
+
bisque: "ffe4c4",
|
|
398
|
+
black: "000",
|
|
399
|
+
blanchedalmond: "ffebcd",
|
|
400
|
+
blue: "00f",
|
|
401
|
+
blueviolet: "8a2be2",
|
|
402
|
+
brown: "a52a2a",
|
|
403
|
+
burlywood: "deb887",
|
|
404
|
+
burntsienna: "ea7e5d",
|
|
405
|
+
cadetblue: "5f9ea0",
|
|
406
|
+
chartreuse: "7fff00",
|
|
407
|
+
chocolate: "d2691e",
|
|
408
|
+
coral: "ff7f50",
|
|
409
|
+
cornflowerblue: "6495ed",
|
|
410
|
+
cornsilk: "fff8dc",
|
|
411
|
+
crimson: "dc143c",
|
|
412
|
+
cyan: "0ff",
|
|
413
|
+
darkblue: "00008b",
|
|
414
|
+
darkcyan: "008b8b",
|
|
415
|
+
darkgoldenrod: "b8860b",
|
|
416
|
+
darkgray: "a9a9a9",
|
|
417
|
+
darkgreen: "006400",
|
|
418
|
+
darkgrey: "a9a9a9",
|
|
419
|
+
darkkhaki: "bdb76b",
|
|
420
|
+
darkmagenta: "8b008b",
|
|
421
|
+
darkolivegreen: "556b2f",
|
|
422
|
+
darkorange: "ff8c00",
|
|
423
|
+
darkorchid: "9932cc",
|
|
424
|
+
darkred: "8b0000",
|
|
425
|
+
darksalmon: "e9967a",
|
|
426
|
+
darkseagreen: "8fbc8f",
|
|
427
|
+
darkslateblue: "483d8b",
|
|
428
|
+
darkslategray: "2f4f4f",
|
|
429
|
+
darkslategrey: "2f4f4f",
|
|
430
|
+
darkturquoise: "00ced1",
|
|
431
|
+
darkviolet: "9400d3",
|
|
432
|
+
deeppink: "ff1493",
|
|
433
|
+
deepskyblue: "00bfff",
|
|
434
|
+
dimgray: "696969",
|
|
435
|
+
dimgrey: "696969",
|
|
436
|
+
dodgerblue: "1e90ff",
|
|
437
|
+
firebrick: "b22222",
|
|
438
|
+
floralwhite: "fffaf0",
|
|
439
|
+
forestgreen: "228b22",
|
|
440
|
+
fuchsia: "f0f",
|
|
441
|
+
gainsboro: "dcdcdc",
|
|
442
|
+
ghostwhite: "f8f8ff",
|
|
443
|
+
gold: "ffd700",
|
|
444
|
+
goldenrod: "daa520",
|
|
445
|
+
gray: "808080",
|
|
446
|
+
green: "008000",
|
|
447
|
+
greenyellow: "adff2f",
|
|
448
|
+
grey: "808080",
|
|
449
|
+
honeydew: "f0fff0",
|
|
450
|
+
hotpink: "ff69b4",
|
|
451
|
+
indianred: "cd5c5c",
|
|
452
|
+
indigo: "4b0082",
|
|
453
|
+
ivory: "fffff0",
|
|
454
|
+
khaki: "f0e68c",
|
|
455
|
+
lavender: "e6e6fa",
|
|
456
|
+
lavenderblush: "fff0f5",
|
|
457
|
+
lawngreen: "7cfc00",
|
|
458
|
+
lemonchiffon: "fffacd",
|
|
459
|
+
lightblue: "add8e6",
|
|
460
|
+
lightcoral: "f08080",
|
|
461
|
+
lightcyan: "e0ffff",
|
|
462
|
+
lightgoldenrodyellow: "fafad2",
|
|
463
|
+
lightgray: "d3d3d3",
|
|
464
|
+
lightgreen: "90ee90",
|
|
465
|
+
lightgrey: "d3d3d3",
|
|
466
|
+
lightpink: "ffb6c1",
|
|
467
|
+
lightsalmon: "ffa07a",
|
|
468
|
+
lightseagreen: "20b2aa",
|
|
469
|
+
lightskyblue: "87cefa",
|
|
470
|
+
lightslategray: "789",
|
|
471
|
+
lightslategrey: "789",
|
|
472
|
+
lightsteelblue: "b0c4de",
|
|
473
|
+
lightyellow: "ffffe0",
|
|
474
|
+
lime: "0f0",
|
|
475
|
+
limegreen: "32cd32",
|
|
476
|
+
linen: "faf0e6",
|
|
477
|
+
magenta: "f0f",
|
|
478
|
+
maroon: "800000",
|
|
479
|
+
mediumaquamarine: "66cdaa",
|
|
480
|
+
mediumblue: "0000cd",
|
|
481
|
+
mediumorchid: "ba55d3",
|
|
482
|
+
mediumpurple: "9370db",
|
|
483
|
+
mediumseagreen: "3cb371",
|
|
484
|
+
mediumslateblue: "7b68ee",
|
|
485
|
+
mediumspringgreen: "00fa9a",
|
|
486
|
+
mediumturquoise: "48d1cc",
|
|
487
|
+
mediumvioletred: "c71585",
|
|
488
|
+
midnightblue: "191970",
|
|
489
|
+
mintcream: "f5fffa",
|
|
490
|
+
mistyrose: "ffe4e1",
|
|
491
|
+
moccasin: "ffe4b5",
|
|
492
|
+
navajowhite: "ffdead",
|
|
493
|
+
navy: "000080",
|
|
494
|
+
oldlace: "fdf5e6",
|
|
495
|
+
olive: "808000",
|
|
496
|
+
olivedrab: "6b8e23",
|
|
497
|
+
orange: "ffa500",
|
|
498
|
+
orangered: "ff4500",
|
|
499
|
+
orchid: "da70d6",
|
|
500
|
+
palegoldenrod: "eee8aa",
|
|
501
|
+
palegreen: "98fb98",
|
|
502
|
+
paleturquoise: "afeeee",
|
|
503
|
+
palevioletred: "db7093",
|
|
504
|
+
papayawhip: "ffefd5",
|
|
505
|
+
peachpuff: "ffdab9",
|
|
506
|
+
peru: "cd853f",
|
|
507
|
+
pink: "ffc0cb",
|
|
508
|
+
plum: "dda0dd",
|
|
509
|
+
powderblue: "b0e0e6",
|
|
510
|
+
purple: "800080",
|
|
511
|
+
rebeccapurple: "663399",
|
|
512
|
+
red: "f00",
|
|
513
|
+
rosybrown: "bc8f8f",
|
|
514
|
+
royalblue: "4169e1",
|
|
515
|
+
saddlebrown: "8b4513",
|
|
516
|
+
salmon: "fa8072",
|
|
517
|
+
sandybrown: "f4a460",
|
|
518
|
+
seagreen: "2e8b57",
|
|
519
|
+
seashell: "fff5ee",
|
|
520
|
+
sienna: "a0522d",
|
|
521
|
+
silver: "c0c0c0",
|
|
522
|
+
skyblue: "87ceeb",
|
|
523
|
+
slateblue: "6a5acd",
|
|
524
|
+
slategray: "708090",
|
|
525
|
+
slategrey: "708090",
|
|
526
|
+
snow: "fffafa",
|
|
527
|
+
springgreen: "00ff7f",
|
|
528
|
+
steelblue: "4682b4",
|
|
529
|
+
tan: "d2b48c",
|
|
530
|
+
teal: "008080",
|
|
531
|
+
thistle: "d8bfd8",
|
|
532
|
+
tomato: "ff6347",
|
|
533
|
+
turquoise: "40e0d0",
|
|
534
|
+
violet: "ee82ee",
|
|
535
|
+
wheat: "f5deb3",
|
|
536
|
+
white: "fff",
|
|
537
|
+
whitesmoke: "f5f5f5",
|
|
538
|
+
yellow: "ff0",
|
|
539
|
+
yellowgreen: "9acd32"
|
|
540
|
+
}, J = s.hexNames = K(y);
|
|
541
|
+
function K(t) {
|
|
542
|
+
var r = {};
|
|
543
|
+
for (var e in t)
|
|
544
|
+
t.hasOwnProperty(e) && (r[t[e]] = e);
|
|
545
|
+
return r;
|
|
546
|
+
}
|
|
547
|
+
function T(t) {
|
|
548
|
+
return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
|
|
549
|
+
}
|
|
550
|
+
function f(t, r) {
|
|
551
|
+
Q(t) && (t = "100%");
|
|
552
|
+
var e = Y(t);
|
|
553
|
+
return t = Math.min(r, Math.max(0, parseFloat(t))), e && (t = parseInt(t * r, 10) / 100), Math.abs(t - r) < 1e-6 ? 1 : t % r / parseFloat(r);
|
|
554
|
+
}
|
|
555
|
+
function x(t) {
|
|
556
|
+
return Math.min(1, Math.max(0, t));
|
|
557
|
+
}
|
|
558
|
+
function g(t) {
|
|
559
|
+
return parseInt(t, 16);
|
|
560
|
+
}
|
|
561
|
+
function Q(t) {
|
|
562
|
+
return typeof t == "string" && t.indexOf(".") != -1 && parseFloat(t) === 1;
|
|
563
|
+
}
|
|
564
|
+
function Y(t) {
|
|
565
|
+
return typeof t == "string" && t.indexOf("%") != -1;
|
|
566
|
+
}
|
|
567
|
+
function v(t) {
|
|
568
|
+
return t.length == 1 ? "0" + t : "" + t;
|
|
569
|
+
}
|
|
570
|
+
function m(t) {
|
|
571
|
+
return t <= 1 && (t = t * 100 + "%"), t;
|
|
572
|
+
}
|
|
573
|
+
function C(t) {
|
|
574
|
+
return Math.round(parseFloat(t) * 255).toString(16);
|
|
575
|
+
}
|
|
576
|
+
function F(t) {
|
|
577
|
+
return g(t) / 255;
|
|
578
|
+
}
|
|
579
|
+
var b = function() {
|
|
580
|
+
var t = "[-\\+]?\\d+%?", r = "[-\\+]?\\d*\\.\\d+%?", e = "(?:" + r + ")|(?:" + t + ")", a = "[\\s|\\(]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")\\s*\\)?", n = "[\\s|\\(]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")\\s*\\)?";
|
|
581
|
+
return {
|
|
582
|
+
CSS_UNIT: new RegExp(e),
|
|
583
|
+
rgb: new RegExp("rgb" + a),
|
|
584
|
+
rgba: new RegExp("rgba" + n),
|
|
585
|
+
hsl: new RegExp("hsl" + a),
|
|
586
|
+
hsla: new RegExp("hsla" + n),
|
|
587
|
+
hsv: new RegExp("hsv" + a),
|
|
588
|
+
hsva: new RegExp("hsva" + n),
|
|
589
|
+
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
590
|
+
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
|
|
591
|
+
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
592
|
+
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
|
|
593
|
+
};
|
|
594
|
+
}();
|
|
595
|
+
function p(t) {
|
|
596
|
+
return !!b.CSS_UNIT.exec(t);
|
|
597
|
+
}
|
|
598
|
+
function tt(t) {
|
|
599
|
+
t = t.replace(E, "").replace(I, "").toLowerCase();
|
|
600
|
+
var r = !1;
|
|
601
|
+
if (y[t])
|
|
602
|
+
t = y[t], r = !0;
|
|
603
|
+
else if (t == "transparent")
|
|
604
|
+
return { r: 0, g: 0, b: 0, a: 0, format: "name" };
|
|
605
|
+
var e;
|
|
606
|
+
return (e = b.rgb.exec(t)) ? { r: e[1], g: e[2], b: e[3] } : (e = b.rgba.exec(t)) ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = b.hsl.exec(t)) ? { h: e[1], s: e[2], l: e[3] } : (e = b.hsla.exec(t)) ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = b.hsv.exec(t)) ? { h: e[1], s: e[2], v: e[3] } : (e = b.hsva.exec(t)) ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = b.hex8.exec(t)) ? {
|
|
607
|
+
r: g(e[1]),
|
|
608
|
+
g: g(e[2]),
|
|
609
|
+
b: g(e[3]),
|
|
610
|
+
a: F(e[4]),
|
|
611
|
+
format: r ? "name" : "hex8"
|
|
612
|
+
} : (e = b.hex6.exec(t)) ? {
|
|
613
|
+
r: g(e[1]),
|
|
614
|
+
g: g(e[2]),
|
|
615
|
+
b: g(e[3]),
|
|
616
|
+
format: r ? "name" : "hex"
|
|
617
|
+
} : (e = b.hex4.exec(t)) ? {
|
|
618
|
+
r: g(e[1] + "" + e[1]),
|
|
619
|
+
g: g(e[2] + "" + e[2]),
|
|
620
|
+
b: g(e[3] + "" + e[3]),
|
|
621
|
+
a: F(e[4] + "" + e[4]),
|
|
622
|
+
format: r ? "name" : "hex8"
|
|
623
|
+
} : (e = b.hex3.exec(t)) ? {
|
|
624
|
+
r: g(e[1] + "" + e[1]),
|
|
625
|
+
g: g(e[2] + "" + e[2]),
|
|
626
|
+
b: g(e[3] + "" + e[3]),
|
|
627
|
+
format: r ? "name" : "hex"
|
|
628
|
+
} : !1;
|
|
629
|
+
}
|
|
630
|
+
function et(t) {
|
|
631
|
+
var r, e;
|
|
632
|
+
return t = t || { level: "AA", size: "small" }, r = (t.level || "AA").toUpperCase(), e = (t.size || "small").toLowerCase(), r !== "AA" && r !== "AAA" && (r = "AA"), e !== "small" && e !== "large" && (e = "small"), { level: r, size: e };
|
|
633
|
+
}
|
|
634
|
+
const l = (t, r, e) => {
|
|
635
|
+
const a = {};
|
|
636
|
+
for (let n = 0; n < e.length; n++) {
|
|
637
|
+
const i = e[n];
|
|
638
|
+
a[i] = s({ h: t, s: r, l: i }).toHexString();
|
|
639
|
+
}
|
|
640
|
+
return a;
|
|
641
|
+
}, M = {
|
|
642
|
+
neutral: l(
|
|
643
|
+
206,
|
|
644
|
+
30,
|
|
645
|
+
[
|
|
646
|
+
10,
|
|
647
|
+
15,
|
|
648
|
+
20,
|
|
649
|
+
25,
|
|
650
|
+
30,
|
|
651
|
+
35,
|
|
652
|
+
40,
|
|
653
|
+
45,
|
|
654
|
+
50,
|
|
655
|
+
55,
|
|
656
|
+
60,
|
|
657
|
+
65,
|
|
658
|
+
70,
|
|
659
|
+
75,
|
|
660
|
+
80,
|
|
661
|
+
85,
|
|
662
|
+
90,
|
|
663
|
+
95,
|
|
664
|
+
97,
|
|
665
|
+
98,
|
|
666
|
+
100
|
|
667
|
+
]
|
|
668
|
+
),
|
|
669
|
+
honey: l(42, 93, [72, 75, 82, 85, 92]),
|
|
670
|
+
coral: l(14, 87, [65, 74, 75, 84, 85, 94]),
|
|
671
|
+
warm: l(25, 100, [77, 87, 97]),
|
|
672
|
+
"sea-salt": l(180, 17, [57, 67, 88]),
|
|
673
|
+
cloud: l(200, 38, [43, 75, 88]),
|
|
674
|
+
ocean: l(209, 38, [38, 75, 88]),
|
|
675
|
+
sky: l(209, 64, [64, 75, 85]),
|
|
676
|
+
lukso: l(335, 33, [70, 80, 90]),
|
|
677
|
+
yellow: l(36, 100, [55, 65, 75, 85]),
|
|
678
|
+
green: l(135, 57, [45, 54, 75, 85]),
|
|
679
|
+
blue: l(216, 96, [50, 60, 75, 85]),
|
|
680
|
+
red: l(0, 75, [55, 65, 75, 85]),
|
|
681
|
+
purple: l(230, 24, [94, 82, 63, 58, 51, 41, 31, 15]),
|
|
682
|
+
pink: l(11, 73, [97, 96, 95, 94, 93, 92, 91, 90]),
|
|
683
|
+
"gradient-1": {
|
|
684
|
+
start: "#D39B9D",
|
|
685
|
+
end: "#9071D1"
|
|
686
|
+
},
|
|
687
|
+
"gradient-2": {
|
|
688
|
+
start: "#F8DAD3",
|
|
689
|
+
end: "#CC99AE"
|
|
690
|
+
},
|
|
691
|
+
"gradient-3": {
|
|
692
|
+
start: s({ h: 230, s: 20, l: 28 }).toHexString(),
|
|
693
|
+
end: s({ h: 230, s: 24, l: 51 }).toHexString()
|
|
694
|
+
}
|
|
695
|
+
}, A = (t, r, e) => Object.keys(t).slice(r, e).reduce((a, n) => (a[n] = t[n], a), {}), rt = A(M.neutral, 0, 8), at = A(M.neutral, 8, 16), nt = A(
|
|
696
|
+
M.neutral,
|
|
697
|
+
16,
|
|
698
|
+
Object.keys(M.neutral).length
|
|
699
|
+
);
|
|
700
|
+
export {
|
|
701
|
+
M as colorPalette,
|
|
702
|
+
rt as neutral1,
|
|
703
|
+
at as neutral2,
|
|
704
|
+
nt as neutral3
|
|
705
|
+
};
|