framework7 8.0.0 → 8.0.2
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/components/app/app.less +19 -1
- package/components/data-table/data-table-class.js +1 -1
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog-vars.less +1 -6
- package/components/dialog/dialog.css +1 -1
- package/components/fab/fab-rtl.css +1 -1
- package/components/fab/fab-vars.less +9 -10
- package/components/fab/fab.css +1 -1
- package/components/input/input-rtl.css +1 -1
- package/components/input/input-vars.less +1 -2
- package/components/input/input.css +1 -1
- package/components/messagebar/messagebar-rtl.css +1 -1
- package/components/messagebar/messagebar-vars.less +3 -0
- package/components/messagebar/messagebar.css +1 -1
- package/components/messagebar/messagebar.less +3 -0
- package/components/page/page-transitions/circle.less +3 -0
- package/components/page/page-transitions/cover-v.less +3 -0
- package/components/page/page-transitions/cover.less +3 -0
- package/components/page/page-transitions/dive.less +3 -0
- package/components/page/page-transitions/fade.less +3 -0
- package/components/page/page-transitions/flip.less +1 -0
- package/components/page/page-transitions/parallax.less +6 -0
- package/components/page/page-transitions/push.less +6 -0
- package/components/searchbar/searchbar-rtl.css +1 -1
- package/components/searchbar/searchbar-vars.less +1 -1
- package/components/searchbar/searchbar.css +1 -1
- package/components/text-editor/text-editor-rtl.css +1 -1
- package/components/text-editor/text-editor-vars.less +3 -2
- package/components/text-editor/text-editor.css +1 -1
- package/components/touch-ripple/touch-ripple.less +3 -1
- package/framework7-bundle-rtl.css +77 -23
- package/framework7-bundle-rtl.min.css +5 -5
- package/framework7-bundle.css +77 -23
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +76 -44
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +5 -5
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +2 -2
- package/framework7-lite.esm.js +2 -2
- package/framework7-rtl.css +57 -3
- package/framework7-rtl.min.css +4 -4
- package/framework7.css +57 -3
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +4 -4
- package/package.json +2 -2
- package/shared/material-color-utils.js +73 -41
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "framework7",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.2",
|
|
4
4
|
"description": "Full featured mobile HTML framework for building iOS & Android apps",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -436,5 +436,5 @@
|
|
|
436
436
|
"ssr-window": "^4.0.2",
|
|
437
437
|
"swiper": "^9.2.0"
|
|
438
438
|
},
|
|
439
|
-
"releaseDate": "April
|
|
439
|
+
"releaseDate": "April 12, 2023"
|
|
440
440
|
}
|
|
@@ -78,9 +78,6 @@ function labInvf(ft) {
|
|
|
78
78
|
return ft3 > 216 / 24389 ? ft3 : (116 * ft - 16) / 903.2962962962963;
|
|
79
79
|
}
|
|
80
80
|
class ViewingConditions {
|
|
81
|
-
constructor(n, aw, nbb, ncb, c, nc, rgbD, fl, fLRoot, z) {
|
|
82
|
-
this.n = n, this.aw = aw, this.nbb = nbb, this.ncb = ncb, this.c = c, this.nc = nc, this.rgbD = rgbD, this.fl = fl, this.fLRoot = fLRoot, this.z = z;
|
|
83
|
-
}
|
|
84
81
|
static make(whitePoint, adaptingLuminance, backgroundLstar, surround, discountingIlluminant) {
|
|
85
82
|
if (whitePoint === void 0) {
|
|
86
83
|
whitePoint = whitePointD65();
|
|
@@ -119,6 +116,9 @@ class ViewingConditions {
|
|
|
119
116
|
rgbA = [400 * rgbAFactors[0] / (rgbAFactors[0] + 27.13), 400 * rgbAFactors[1] / (rgbAFactors[1] + 27.13), 400 * rgbAFactors[2] / (rgbAFactors[2] + 27.13)];
|
|
120
117
|
return new ViewingConditions(n, (2 * rgbA[0] + rgbA[1] + .05 * rgbA[2]) * nbb, nbb, ncb, c, nc, rgbD, fl, Math.pow(fl, .25), z);
|
|
121
118
|
}
|
|
119
|
+
constructor(n, aw, nbb, ncb, c, nc, rgbD, fl, fLRoot, z) {
|
|
120
|
+
this.n = n, this.aw = aw, this.nbb = nbb, this.ncb = ncb, this.c = c, this.nc = nc, this.rgbD = rgbD, this.fl = fl, this.fLRoot = fLRoot, this.z = z;
|
|
121
|
+
}
|
|
122
122
|
}
|
|
123
123
|
ViewingConditions.DEFAULT = ViewingConditions.make();
|
|
124
124
|
class Cam16 {
|
|
@@ -392,11 +392,6 @@ class HctSolver {
|
|
|
392
392
|
}
|
|
393
393
|
HctSolver.SCALED_DISCOUNT_FROM_LINRGB = [[.001200833568784504, .002389694492170889, .0002795742885861124], [.0005891086651375999, .0029785502573438758, .0003270666104008398], [.00010146692491640572, .0005364214359186694, .0032979401770712076]], HctSolver.LINRGB_FROM_SCALED_DISCOUNT = [[1373.2198709594231, -1100.4251190754821, -7.278681089101213], [-271.815969077903, 559.6580465940733, -32.46047482791194], [1.9622899599665666, -57.173814538844006, 308.7233197812385]], HctSolver.Y_FROM_LINRGB = [.2126, .7152, .0722], HctSolver.CRITICAL_PLANES = [.015176349177441876, .045529047532325624, .07588174588720938, .10623444424209313, .13658714259697685, .16693984095186062, .19729253930674434, .2276452376616281, .2579979360165119, .28835063437139563, .3188300904430532, .350925934958123, .3848314933096426, .42057480301049466, .458183274052838, .4976837250274023, .5391024159806381, .5824650784040898, .6277969426914107, .6751227633498623, .7244668422128921, .775853049866786, .829304845476233, .8848452951698498, .942497089126609, 1.0022825574869039, 1.0642236851973577, 1.1283421258858297, 1.1946592148522128, 1.2631959812511864, 1.3339731595349034, 1.407011200216447, 1.4823302800086415, 1.5599503113873272, 1.6398909516233677, 1.7221716113234105, 1.8068114625156377, 1.8938294463134073, 1.9832442801866852, 2.075074464868551, 2.1693382909216234, 2.2660538449872063, 2.36523901573795, 2.4669114995532007, 2.5710888059345764, 2.6777882626779785, 2.7870270208169257, 2.898822059350997, 3.0131901897720907, 3.1301480604002863, 3.2497121605402226, 3.3718988244681087, 3.4967242352587946, 3.624204428461639, 3.754355295633311, 3.887192587735158, 4.022731918402185, 4.160988767090289, 4.301978482107941, 4.445716283538092, 4.592217266055746, 4.741496401646282, 4.893568542229298, 5.048448422192488, 5.20615066083972, 5.3666897647573375, 5.5300801301023865, 5.696336044816294, 5.865471690767354, 6.037501145825082, 6.212438385869475, 6.390297286737924, 6.571091626112461, 6.7548350853498045, 6.941541251256611, 7.131223617812143, 7.323895587840543, 7.5195704746346665, 7.7182615035334345, 7.919981813454504, 8.124744458384042, 8.332562408825165, 8.543448553206703, 8.757415699253682, 8.974476575321063, 9.194643831691977, 9.417930041841839, 9.644347703669503, 9.873909240696694, 10.106627003236781, 10.342513269534024, 10.58158024687427, 10.8238400726681, 11.069304815507364, 11.317986476196008, 11.569896988756009, 11.825048221409341, 12.083451977536606, 12.345119996613247, 12.610063955123938, 12.878295467455942, 13.149826086772048, 13.42466730586372, 13.702830557985108, 13.984327217668513, 14.269168601521828, 14.55736596900856, 14.848930523210871, 15.143873411576273, 15.44220572664832, 15.743938506781891, 16.04908273684337, 16.35764934889634, 16.66964922287304, 16.985093187232053, 17.30399201960269, 17.62635644741625, 17.95219714852476, 18.281524751807332, 18.614349837764564, 18.95068293910138, 19.290534541298456, 19.633915083172692, 19.98083495742689, 20.331304511189067, 20.685334046541502, 21.042933821039977, 21.404114048223256, 21.76888489811322, 22.137256497705877, 22.50923893145328, 22.884842241736916, 23.264076429332462, 23.6469514538663, 24.033477234264016, 24.42366364919083, 24.817520537484558, 25.21505769858089, 25.61628489293138, 26.021211842414342, 26.429848230738664, 26.842203703840827, 27.258287870275353, 27.678110301598522, 28.10168053274597, 28.529008062403893, 28.96010235337422, 29.39497283293396, 29.83362889318845, 30.276079891419332, 30.722335150426627, 31.172403958865512, 31.62629557157785, 32.08401920991837, 32.54558406207592, 33.010999283389665, 33.4802739966603, 33.953417292456834, 34.430438229418264, 34.911345834551085, 35.39614910352207, 35.88485700094671, 36.37747846067349, 36.87402238606382, 37.37449765026789, 37.87891309649659, 38.38727753828926, 38.89959975977785, 39.41588851594697, 39.93615253289054, 40.460400508064545, 40.98864111053629, 41.520882981230194, 42.05713473317016, 42.597404951718396, 43.141702194811224, 43.6900349931913, 44.24241185063697, 44.798841244188324, 45.35933162437017, 45.92389141541209, 46.49252901546552, 47.065252796817916, 47.64207110610409, 48.22299226451468, 48.808024568002054, 49.3971762874833, 49.9904556690408, 50.587870934119984, 51.189430279724725, 51.79514187861014, 52.40501387947288, 53.0190544071392, 53.637271562750364, 54.259673423945976, 54.88626804504493, 55.517063457223934, 56.15206766869424, 56.79128866487574, 57.43473440856916, 58.08241284012621, 58.734331877617365, 59.39049941699807, 60.05092333227251, 60.715611475655585, 61.38457167773311, 62.057811747619894, 62.7353394731159, 63.417162620860914, 64.10328893648692, 64.79372614476921, 65.48848194977529, 66.18756403501224, 66.89098006357258, 67.59873767827808, 68.31084450182222, 69.02730813691093, 69.74813616640164, 70.47333615344107, 71.20291564160104, 71.93688215501312, 72.67524319850172, 73.41800625771542, 74.16517879925733, 74.9167682708136, 75.67278210128072, 76.43322770089146, 77.1981124613393, 77.96744375590167, 78.74122893956174, 79.51947534912904, 80.30219030335869, 81.08938110306934, 81.88105503125999, 82.67721935322541, 83.4778813166706, 84.28304815182372, 85.09272707154808, 85.90692527145302, 86.72564993000343, 87.54890820862819, 88.3767072518277, 89.2090541872801, 90.04595612594655, 90.88742016217518, 91.73345337380438, 92.58406282226491, 93.43925555268066, 94.29903859396902, 95.16341895893969, 96.03240364439274, 96.9059996312159, 97.78421388448044, 98.6670533535366, 99.55452497210776];
|
|
394
394
|
class Hct {
|
|
395
|
-
constructor(argb) {
|
|
396
|
-
this.argb = argb;
|
|
397
|
-
const cam = Cam16.fromInt(argb);
|
|
398
|
-
this.internalHue = cam.hue, this.internalChroma = cam.chroma, this.internalTone = lstarFromArgb(argb), this.argb = argb;
|
|
399
|
-
}
|
|
400
395
|
static from(hue, chroma, tone) {
|
|
401
396
|
return new Hct(HctSolver.solveToInt(hue, chroma, tone));
|
|
402
397
|
}
|
|
@@ -424,6 +419,11 @@ class Hct {
|
|
|
424
419
|
set tone(newTone) {
|
|
425
420
|
this.setInternalState(HctSolver.solveToInt(this.internalHue, this.internalChroma, newTone));
|
|
426
421
|
}
|
|
422
|
+
constructor(argb) {
|
|
423
|
+
this.argb = argb;
|
|
424
|
+
const cam = Cam16.fromInt(argb);
|
|
425
|
+
this.internalHue = cam.hue, this.internalChroma = cam.chroma, this.internalTone = lstarFromArgb(argb), this.argb = argb;
|
|
426
|
+
}
|
|
427
427
|
setInternalState(argb) {
|
|
428
428
|
const cam = Cam16.fromInt(argb);
|
|
429
429
|
this.internalHue = cam.hue, this.internalChroma = cam.chroma, this.internalTone = lstarFromArgb(argb), this.argb = argb;
|
|
@@ -457,9 +457,6 @@ class Blend {
|
|
|
457
457
|
}
|
|
458
458
|
}
|
|
459
459
|
class TonalPalette {
|
|
460
|
-
constructor(hue, chroma) {
|
|
461
|
-
this.hue = hue, this.chroma = chroma, this.cache = new Map();
|
|
462
|
-
}
|
|
463
460
|
static fromInt(argb) {
|
|
464
461
|
const hct = Hct.fromInt(argb);
|
|
465
462
|
return TonalPalette.fromHueAndChroma(hct.hue, hct.chroma);
|
|
@@ -467,29 +464,59 @@ class TonalPalette {
|
|
|
467
464
|
static fromHueAndChroma(hue, chroma) {
|
|
468
465
|
return new TonalPalette(hue, chroma);
|
|
469
466
|
}
|
|
467
|
+
constructor(hue, chroma) {
|
|
468
|
+
this.hue = hue, this.chroma = chroma, this.cache = new Map();
|
|
469
|
+
}
|
|
470
470
|
tone(tone) {
|
|
471
471
|
let argb = this.cache.get(tone);
|
|
472
472
|
return void 0 === argb && (argb = Hct.from(this.hue, this.chroma, tone).toInt(), this.cache.set(tone, argb)), argb;
|
|
473
473
|
}
|
|
474
474
|
}
|
|
475
475
|
class CorePalette {
|
|
476
|
-
constructor(argb, isContent) {
|
|
477
|
-
const hct = Hct.fromInt(argb),
|
|
478
|
-
hue = hct.hue,
|
|
479
|
-
chroma = hct.chroma;
|
|
480
|
-
isContent ? (this.a1 = TonalPalette.fromHueAndChroma(hue, chroma), this.a2 = TonalPalette.fromHueAndChroma(hue, chroma / 3), this.a3 = TonalPalette.fromHueAndChroma(hue + 60, chroma / 2), this.n1 = TonalPalette.fromHueAndChroma(hue, Math.min(chroma / 12, 4)), this.n2 = TonalPalette.fromHueAndChroma(hue, Math.min(chroma / 6, 8))) : (this.a1 = TonalPalette.fromHueAndChroma(hue, Math.max(48, chroma)), this.a2 = TonalPalette.fromHueAndChroma(hue, 16), this.a3 = TonalPalette.fromHueAndChroma(hue + 60, 24), this.n1 = TonalPalette.fromHueAndChroma(hue, 4), this.n2 = TonalPalette.fromHueAndChroma(hue, 8)), this.error = TonalPalette.fromHueAndChroma(25, 84);
|
|
481
|
-
}
|
|
482
476
|
static of(argb) {
|
|
483
477
|
return new CorePalette(argb, !1);
|
|
484
478
|
}
|
|
485
479
|
static contentOf(argb) {
|
|
486
480
|
return new CorePalette(argb, !0);
|
|
487
481
|
}
|
|
482
|
+
static fromColors(colors) {
|
|
483
|
+
return CorePalette.createPaletteFromColors(!1, colors);
|
|
484
|
+
}
|
|
485
|
+
static contentFromColors(colors) {
|
|
486
|
+
return CorePalette.createPaletteFromColors(!0, colors);
|
|
487
|
+
}
|
|
488
|
+
static createPaletteFromColors(content, colors) {
|
|
489
|
+
const palette = new CorePalette(colors.primary, content);
|
|
490
|
+
if (colors.secondary) {
|
|
491
|
+
const p = new CorePalette(colors.secondary, content);
|
|
492
|
+
palette.a2 = p.a1;
|
|
493
|
+
}
|
|
494
|
+
if (colors.tertiary) {
|
|
495
|
+
const p = new CorePalette(colors.tertiary, content);
|
|
496
|
+
palette.a3 = p.a1;
|
|
497
|
+
}
|
|
498
|
+
if (colors.error) {
|
|
499
|
+
const p = new CorePalette(colors.error, content);
|
|
500
|
+
palette.error = p.a1;
|
|
501
|
+
}
|
|
502
|
+
if (colors.neutral) {
|
|
503
|
+
const p = new CorePalette(colors.neutral, content);
|
|
504
|
+
palette.n1 = p.n1;
|
|
505
|
+
}
|
|
506
|
+
if (colors.neutralVariant) {
|
|
507
|
+
const p = new CorePalette(colors.neutralVariant, content);
|
|
508
|
+
palette.n2 = p.n2;
|
|
509
|
+
}
|
|
510
|
+
return palette;
|
|
511
|
+
}
|
|
512
|
+
constructor(argb, isContent) {
|
|
513
|
+
const hct = Hct.fromInt(argb),
|
|
514
|
+
hue = hct.hue,
|
|
515
|
+
chroma = hct.chroma;
|
|
516
|
+
isContent ? (this.a1 = TonalPalette.fromHueAndChroma(hue, chroma), this.a2 = TonalPalette.fromHueAndChroma(hue, chroma / 3), this.a3 = TonalPalette.fromHueAndChroma(hue + 60, chroma / 2), this.n1 = TonalPalette.fromHueAndChroma(hue, Math.min(chroma / 12, 4)), this.n2 = TonalPalette.fromHueAndChroma(hue, Math.min(chroma / 6, 8))) : (this.a1 = TonalPalette.fromHueAndChroma(hue, Math.max(48, chroma)), this.a2 = TonalPalette.fromHueAndChroma(hue, 16), this.a3 = TonalPalette.fromHueAndChroma(hue + 60, 24), this.n1 = TonalPalette.fromHueAndChroma(hue, 4), this.n2 = TonalPalette.fromHueAndChroma(hue, 8)), this.error = TonalPalette.fromHueAndChroma(25, 84);
|
|
517
|
+
}
|
|
488
518
|
}
|
|
489
519
|
class Scheme {
|
|
490
|
-
constructor(props) {
|
|
491
|
-
this.props = props;
|
|
492
|
-
}
|
|
493
520
|
get primary() {
|
|
494
521
|
return this.props.primary;
|
|
495
522
|
}
|
|
@@ -655,28 +682,33 @@ class Scheme {
|
|
|
655
682
|
inversePrimary: core.a1.tone(40)
|
|
656
683
|
});
|
|
657
684
|
}
|
|
685
|
+
constructor(props) {
|
|
686
|
+
this.props = props;
|
|
687
|
+
}
|
|
658
688
|
toJSON() {
|
|
659
|
-
return
|
|
660
|
-
|
|
661
|
-
}
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
689
|
+
return {
|
|
690
|
+
...this.props
|
|
691
|
+
};
|
|
692
|
+
}
|
|
693
|
+
}
|
|
694
|
+
function hexFromArgb(argb) {
|
|
695
|
+
const r = redFromArgb(argb),
|
|
696
|
+
g = greenFromArgb(argb),
|
|
697
|
+
b = blueFromArgb(argb),
|
|
698
|
+
outParts = [r.toString(16), g.toString(16), b.toString(16)];
|
|
699
|
+
for (const [i, part] of outParts.entries()) 1 === part.length && (outParts[i] = "0" + part);
|
|
700
|
+
return "#" + outParts.join("");
|
|
701
|
+
}
|
|
702
|
+
function argbFromHex(hex) {
|
|
703
|
+
const isThree = 3 === (hex = hex.replace("#", "")).length,
|
|
704
|
+
isSix = 6 === hex.length,
|
|
705
|
+
isEight = 8 === hex.length;
|
|
706
|
+
if (!isThree && !isSix && !isEight) throw new Error("unexpected hex " + hex);
|
|
707
|
+
let r = 0,
|
|
708
|
+
g = 0,
|
|
709
|
+
b = 0;
|
|
710
|
+
return isThree ? (r = parseIntHex(hex.slice(0, 1).repeat(2)), g = parseIntHex(hex.slice(1, 2).repeat(2)), b = parseIntHex(hex.slice(2, 3).repeat(2))) : isSix ? (r = parseIntHex(hex.slice(0, 2)), g = parseIntHex(hex.slice(2, 4)), b = parseIntHex(hex.slice(4, 6))) : isEight && (r = parseIntHex(hex.slice(2, 4)), g = parseIntHex(hex.slice(4, 6)), b = parseIntHex(hex.slice(6, 8))), (255 << 24 | (255 & r) << 16 | (255 & g) << 8 | 255 & b) >>> 0;
|
|
711
|
+
}
|
|
680
712
|
function parseIntHex(value) {
|
|
681
713
|
return parseInt(value, 16);
|
|
682
714
|
}
|