@max-ts/svelte 1.9.1 → 1.10.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/dist/_virtual/_rolldown/runtime.js +1 -21
- package/dist/assets/styles.css +3630 -0
- package/dist/components/Accordion/Content/Content.js +3 -3
- package/dist/components/Accordion/Content/styles.css.js +4 -27
- package/dist/components/Accordion/Trigger/Trigger.js +4 -4
- package/dist/components/Accordion/Trigger/styles.css.js +5 -47
- package/dist/components/Alert/Description/Description.js +2 -2
- package/dist/components/Alert/Description/styles.css.js +2 -16
- package/dist/components/Alert/Title/Title.js +2 -2
- package/dist/components/Alert/Title/styles.css.js +2 -15
- package/dist/components/Alert/styles.css.js +7 -54
- package/dist/components/Badge/Badge.js +3 -3
- package/dist/components/Badge/styles.css.js +9 -55
- package/dist/components/Button/Button.js +5 -5
- package/dist/components/Button/styles.css.js +17 -195
- package/dist/components/ButtonGroup/ButtonGroup.js +3 -3
- package/dist/components/ButtonGroup/Separator/Separator.js +2 -2
- package/dist/components/ButtonGroup/Separator/styles.css.js +2 -13
- package/dist/components/ButtonGroup/Text/Text.js +2 -2
- package/dist/components/ButtonGroup/Text/styles.css.js +2 -26
- package/dist/components/ButtonGroup/styles.css.js +7 -46
- package/dist/components/Calendar/Calendar.js +4 -4
- package/dist/components/Calendar/Cell/Cell.js +2 -2
- package/dist/components/Calendar/Cell/styles.css.js +2 -24
- package/dist/components/Calendar/Day/Day.js +2 -2
- package/dist/components/Calendar/Day/styles.css.js +2 -47
- package/dist/components/Calendar/Grid/Grid.js +2 -2
- package/dist/components/Calendar/Grid/styles.css.js +2 -14
- package/dist/components/Calendar/GridRow/GridRow.js +2 -2
- package/dist/components/Calendar/GridRow/styles.css.js +2 -10
- package/dist/components/Calendar/HeadCell/HeadCell.js +2 -2
- package/dist/components/Calendar/HeadCell/styles.css.js +2 -13
- package/dist/components/Calendar/Header/Header.js +2 -2
- package/dist/components/Calendar/Header/styles.css.js +2 -16
- package/dist/components/Calendar/MonthSelect/MonthSelect.js +4 -4
- package/dist/components/Calendar/MonthSelect/styles.css.js +5 -43
- package/dist/components/Calendar/Months/Months.js +2 -2
- package/dist/components/Calendar/Months/styles.css.js +2 -13
- package/dist/components/Calendar/Nav/Nav.js +2 -2
- package/dist/components/Calendar/Nav/styles.css.js +2 -17
- package/dist/components/Calendar/NextButton/NextButton.js +2 -2
- package/dist/components/Calendar/NextButton/styles.css.js +2 -16
- package/dist/components/Calendar/PrevButton/PrevButton.js +2 -2
- package/dist/components/Calendar/PrevButton/styles.css.js +2 -16
- package/dist/components/Calendar/YearSelect/YearSelect.js +4 -4
- package/dist/components/Calendar/YearSelect/styles.css.js +5 -43
- package/dist/components/Calendar/styles.css.js +5 -22
- package/dist/components/Card/Action/Action.js +2 -2
- package/dist/components/Card/Action/styles.css.js +2 -12
- package/dist/components/Card/Card.js +2 -2
- package/dist/components/Card/Content/Content.js +2 -2
- package/dist/components/Card/Content/styles.css.js +2 -10
- package/dist/components/Card/Description/Description.js +2 -2
- package/dist/components/Card/Description/styles.css.js +2 -10
- package/dist/components/Card/Footer/Footer.js +2 -2
- package/dist/components/Card/Footer/styles.css.js +2 -14
- package/dist/components/Card/Header/Header.js +2 -2
- package/dist/components/Card/Header/styles.css.js +2 -23
- package/dist/components/Card/Title/Title.js +2 -2
- package/dist/components/Card/Title/styles.css.js +2 -11
- package/dist/components/Card/styles.css.js +2 -17
- package/dist/components/Carousel/Arrows/Arrows.js +5 -5
- package/dist/components/Carousel/Arrows/styles.css.js +11 -68
- package/dist/components/Carousel/Carousel.js +2 -2
- package/dist/components/Carousel/Content/Content.js +3 -3
- package/dist/components/Carousel/Content/styles.css.js +7 -37
- package/dist/components/Carousel/Dots/Dots.js +3 -3
- package/dist/components/Carousel/Dots/styles.css.js +11 -64
- package/dist/components/Carousel/Item/Item.js +3 -3
- package/dist/components/Carousel/Item/styles.css.js +7 -22
- package/dist/components/Carousel/styles.css.js +2 -6
- package/dist/components/Checkbox/Checkbox.js +4 -4
- package/dist/components/Checkbox/styles.css.js +4 -55
- package/dist/components/CircularProgress/CircularProgress.js +6 -6
- package/dist/components/CircularProgress/styles.css.js +12 -55
- package/dist/components/ContentState/ContentState.js +2 -2
- package/dist/components/ContentState/styles.css.js +2 -13
- package/dist/components/DataGrid/Body/Body.js +3 -3
- package/dist/components/DataGrid/Body/styles.css.js +2 -12
- package/dist/components/DataGrid/Cell/Cell.js +2 -2
- package/dist/components/DataGrid/Cell/styles.css.js +4 -17
- package/dist/components/DataGrid/DataGrid.js +7 -7
- package/dist/components/DataGrid/Footer/Footer.js +2 -2
- package/dist/components/DataGrid/Footer/styles.css.js +2 -20
- package/dist/components/DataGrid/Header/Header.js +2 -2
- package/dist/components/DataGrid/Header/styles.css.js +2 -10
- package/dist/components/DataGrid/HeaderCell/HeaderCell.js +2 -2
- package/dist/components/DataGrid/HeaderCell/styles.css.js +2 -16
- package/dist/components/DataGrid/Row/Row.js +2 -2
- package/dist/components/DataGrid/Row/styles.css.js +4 -17
- package/dist/components/DataGrid/State/State.js +5 -5
- package/dist/components/DataGrid/State/styles.css.js +4 -17
- package/dist/components/DataGrid/styles.css.js +8 -40
- package/dist/components/DataGridSortHeader/DataGridSortHeader.js +3 -3
- package/dist/components/DataGridSortHeader/styles.css.js +9 -35
- package/dist/components/Dialog/styles.css.js +8 -129
- package/dist/components/Drawer/Content/Content.js +6 -6
- package/dist/components/Drawer/Description/Description.js +2 -2
- package/dist/components/Drawer/Footer/Footer.js +2 -2
- package/dist/components/Drawer/Header/Header.js +2 -2
- package/dist/components/Drawer/Overlay/Overlay.js +2 -2
- package/dist/components/Drawer/Title/Title.js +2 -2
- package/dist/components/Drawer/styles.css.js +12 -128
- package/dist/components/DropdownMenu/CheckboxItem/CheckboxItem.js +4 -4
- package/dist/components/DropdownMenu/CheckboxItem/styles.css.js +5 -51
- package/dist/components/DropdownMenu/Content/Content.js +2 -2
- package/dist/components/DropdownMenu/Content/styles.css.js +2 -61
- package/dist/components/DropdownMenu/GroupHeading/GroupHeading.js +2 -2
- package/dist/components/DropdownMenu/GroupHeading/styles.css.js +2 -15
- package/dist/components/DropdownMenu/Item/Item.js +2 -2
- package/dist/components/DropdownMenu/Item/styles.css.js +2 -38
- package/dist/components/DropdownMenu/Label/styles.css.js +1 -15
- package/dist/components/DropdownMenu/RadioItem/RadioItem.js +4 -4
- package/dist/components/DropdownMenu/RadioItem/styles.css.js +5 -48
- package/dist/components/DropdownMenu/Separator/Separator.js +2 -2
- package/dist/components/DropdownMenu/Separator/styles.css.js +2 -15
- package/dist/components/DropdownMenu/Shortcut/Shortcut.js +2 -2
- package/dist/components/DropdownMenu/Shortcut/styles.css.js +2 -12
- package/dist/components/DropdownMenu/SubContent/SubContent.js +2 -2
- package/dist/components/DropdownMenu/SubContent/styles.css.js +2 -69
- package/dist/components/DropdownMenu/SubTrigger/SubTrigger.js +3 -3
- package/dist/components/DropdownMenu/SubTrigger/styles.css.js +4 -44
- package/dist/components/Empty/Content/Content.js +2 -2
- package/dist/components/Empty/Description/Description.js +2 -2
- package/dist/components/Empty/Empty.js +2 -2
- package/dist/components/Empty/Header/Header.js +2 -2
- package/dist/components/Empty/Media/Media.js +3 -3
- package/dist/components/Empty/Title/Title.js +2 -2
- package/dist/components/Empty/styles.css.js +12 -91
- package/dist/components/Field/Content/Content.js +2 -2
- package/dist/components/Field/Content/styles.css.js +2 -13
- package/dist/components/Field/Description/Description.js +2 -2
- package/dist/components/Field/Description/styles.css.js +2 -24
- package/dist/components/Field/FieldError/FieldError.js +2 -2
- package/dist/components/Field/FieldError/styles.css.js +2 -20
- package/dist/components/Field/FieldSet/FieldSet.js +2 -2
- package/dist/components/Field/FieldSet/styles.css.js +2 -14
- package/dist/components/Field/Group/Group.js +2 -2
- package/dist/components/Field/Group/styles.css.js +2 -17
- package/dist/components/Field/Label/Label.js +2 -2
- package/dist/components/Field/Label/styles.css.js +2 -33
- package/dist/components/Field/Legend/Legend.js +2 -2
- package/dist/components/Field/Legend/styles.css.js +2 -14
- package/dist/components/Field/Separator/Separator.js +4 -4
- package/dist/components/Field/Separator/styles.css.js +5 -28
- package/dist/components/Field/Title/Title.js +2 -2
- package/dist/components/Field/Title/styles.css.js +2 -16
- package/dist/components/Field/styles.css.js +5 -48
- package/dist/components/Input/Input.js +5 -5
- package/dist/components/Input/styles.css.js +9 -106
- package/dist/components/InputGroup/Addon/Addon.js +3 -3
- package/dist/components/InputGroup/Addon/styles.css.js +8 -60
- package/dist/components/InputGroup/Button/Button.js +3 -3
- package/dist/components/InputGroup/Button/styles.css.js +8 -46
- package/dist/components/InputGroup/Input/Input.js +2 -2
- package/dist/components/InputGroup/Input/styles.css.js +2 -33
- package/dist/components/InputGroup/InputGroup.js +2 -2
- package/dist/components/InputGroup/Text/Text.js +2 -2
- package/dist/components/InputGroup/Text/styles.css.js +2 -19
- package/dist/components/InputGroup/Textarea/Textarea.js +2 -2
- package/dist/components/InputGroup/Textarea/styles.css.js +2 -34
- package/dist/components/InputGroup/styles.css.js +2 -62
- package/dist/components/Item/Actions/Actions.js +2 -2
- package/dist/components/Item/Content/Content.js +2 -2
- package/dist/components/Item/Description/Description.js +2 -2
- package/dist/components/Item/Footer/Footer.js +2 -2
- package/dist/components/Item/Group/Group.js +2 -2
- package/dist/components/Item/Header/Header.js +2 -2
- package/dist/components/Item/Item.js +4 -4
- package/dist/components/Item/Media/Media.js +3 -3
- package/dist/components/Item/Title/Title.js +2 -2
- package/dist/components/Item/styles.css.js +25 -134
- package/dist/components/Label/Label.js +2 -2
- package/dist/components/Label/styles.css.js +2 -30
- package/dist/components/Placeholder/Image/Image.js +3 -3
- package/dist/components/Placeholder/Image/styles.css.js +8 -19
- package/dist/components/Placeholder/Placeholder.js +6 -6
- package/dist/components/Placeholder/styles.css.js +11 -41
- package/dist/components/Popover/Close/PopoverClose.js +2 -2
- package/dist/components/Popover/Content/PopoverContent.js +2 -2
- package/dist/components/Popover/Trigger/PopoverTrigger.js +2 -2
- package/dist/components/Popover/styles.css.js +5 -45
- package/dist/components/RangeInput/RangeInput.js +12 -12
- package/dist/components/RangeInput/styles.css.js +14 -62
- package/dist/components/ScalableContainer/ScalableContainer.js +5 -5
- package/dist/components/ScalableContainer/styles.css.js +6 -53
- package/dist/components/Select/Content/Content.js +3 -3
- package/dist/components/Select/Content/styles.css.js +4 -60
- package/dist/components/Select/GroupHeading/GroupHeading.js +2 -2
- package/dist/components/Select/GroupHeading/styles.css.js +2 -14
- package/dist/components/Select/Item/Item.js +3 -3
- package/dist/components/Select/Item/styles.css.js +4 -55
- package/dist/components/Select/Label/Label.js +2 -2
- package/dist/components/Select/Label/styles.css.js +2 -14
- package/dist/components/Select/ScrollDownButton/ScrollDownButton.js +2 -2
- package/dist/components/Select/ScrollDownButton/styles.css.js +2 -14
- package/dist/components/Select/ScrollUpButton/ScrollUpButton.js +3 -3
- package/dist/components/Select/ScrollUpButton/styles.css.js +4 -19
- package/dist/components/Select/Separator/Separator.js +2 -2
- package/dist/components/Select/Separator/styles.css.js +2 -16
- package/dist/components/Select/Trigger/Trigger.js +3 -3
- package/dist/components/Select/Trigger/styles.css.js +4 -67
- package/dist/components/Separator/Separator.js +2 -2
- package/dist/components/Separator/styles.css.js +2 -20
- package/dist/components/Slider/Slider.js +7 -7
- package/dist/components/Slider/styles.css.js +15 -86
- package/dist/components/SliderInput/SliderInput.js +9 -9
- package/dist/components/SliderInput/styles.css.js +14 -64
- package/dist/components/Spinner/Spinner.js +3 -3
- package/dist/components/Spinner/styles.css.js +8 -29
- package/dist/components/Tabs/Content/Content.js +2 -2
- package/dist/components/Tabs/List/List.js +2 -2
- package/dist/components/Tabs/Tabs.js +2 -2
- package/dist/components/Tabs/Trigger/Trigger.js +2 -2
- package/dist/components/Tabs/styles.css.js +6 -75
- package/dist/components/Tooltip/Content/Content.js +3 -3
- package/dist/components/Tooltip/Content/styles.css.js +4 -113
- package/dist/components/Typography/styles.css.js +51 -114
- package/dist/theme.js +64 -154
- package/package.json +3 -2
- package/dist/node_modules/.pnpm/@emotion_hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js +0 -23
- package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.browser.esm.js +0 -48
- package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/taggedTemplateLiteral-8e47dbd7.browser.esm.js +0 -7
- package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/transformCss-20240126.browser.esm.js +0 -765
- package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js +0 -290
- package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js +0 -30
- package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/injectStyles/dist/vanilla-extract-css-injectStyles.browser.esm.js +0 -18
- package/dist/node_modules/.pnpm/@vanilla-extract_private@1.0.9/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +0 -28
- package/dist/node_modules/.pnpm/css-what@6.2.2/node_modules/css-what/lib/es/parse.js +0 -312
- package/dist/node_modules/.pnpm/css-what@6.2.2/node_modules/css-what/lib/es/types.js +0 -28
- package/dist/node_modules/.pnpm/cssesc@3.0.0/node_modules/cssesc/cssesc.js +0 -64
- package/dist/node_modules/.pnpm/dedent@1.7.1/node_modules/dedent/dist/dedent.js +0 -102
- package/dist/node_modules/.pnpm/deep-object-diff@1.1.9/node_modules/deep-object-diff/mjs/diff.js +0 -26
- package/dist/node_modules/.pnpm/deep-object-diff@1.1.9/node_modules/deep-object-diff/mjs/utils.js +0 -9
- package/dist/node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js +0 -84
- package/dist/node_modules/.pnpm/lru-cache@10.4.3/node_modules/lru-cache/dist/esm/index.js +0 -1154
- package/dist/node_modules/.pnpm/media-query-parser@2.0.2/node_modules/media-query-parser/dist/media-query-parser.esm.js +0 -939
- package/dist/node_modules/.pnpm/modern-ahocorasick@1.1.0/node_modules/modern-ahocorasick/dist/index.js +0 -80
- package/dist/node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.browser.js +0 -56
|
@@ -1,765 +0,0 @@
|
|
|
1
|
-
import { __toESM } from "../../../../../../../_virtual/_rolldown/runtime.js";
|
|
2
|
-
import { _taggedTemplateLiteral } from "./taggedTemplateLiteral-8e47dbd7.browser.esm.js";
|
|
3
|
-
import dedent from "../../../../../dedent@1.7.1/node_modules/dedent/dist/dedent.js";
|
|
4
|
-
import { markCompositionUsed } from "../adapter/dist/vanilla-extract-css-adapter.browser.esm.js";
|
|
5
|
-
import { getVarName } from "../../../../../@vanilla-extract_private@1.0.9/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js";
|
|
6
|
-
import { require_cssesc } from "../../../../../cssesc@3.0.0/node_modules/cssesc/cssesc.js";
|
|
7
|
-
import { AhoCorasick } from "../../../../../modern-ahocorasick@1.1.0/node_modules/modern-ahocorasick/dist/index.js";
|
|
8
|
-
import { parse } from "../../../../../css-what@6.2.2/node_modules/css-what/lib/es/parse.js";
|
|
9
|
-
import { toAST } from "../../../../../media-query-parser@2.0.2/node_modules/media-query-parser/dist/media-query-parser.esm.js";
|
|
10
|
-
//#region node_modules/.pnpm/@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/css/dist/transformCss-20240126.browser.esm.js
|
|
11
|
-
var import_cssesc = /* @__PURE__ */ __toESM(require_cssesc());
|
|
12
|
-
function toPrimitive(t, r) {
|
|
13
|
-
if ("object" != typeof t || !t) return t;
|
|
14
|
-
var e = t[Symbol.toPrimitive];
|
|
15
|
-
if (void 0 !== e) {
|
|
16
|
-
var i = e.call(t, r || "default");
|
|
17
|
-
if ("object" != typeof i) return i;
|
|
18
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
19
|
-
}
|
|
20
|
-
return ("string" === r ? String : Number)(t);
|
|
21
|
-
}
|
|
22
|
-
function toPropertyKey(t) {
|
|
23
|
-
var i = toPrimitive(t, "string");
|
|
24
|
-
return "symbol" == typeof i ? i : String(i);
|
|
25
|
-
}
|
|
26
|
-
function _defineProperty(obj, key, value) {
|
|
27
|
-
key = toPropertyKey(key);
|
|
28
|
-
if (key in obj) Object.defineProperty(obj, key, {
|
|
29
|
-
value,
|
|
30
|
-
enumerable: true,
|
|
31
|
-
configurable: true,
|
|
32
|
-
writable: true
|
|
33
|
-
});
|
|
34
|
-
else obj[key] = value;
|
|
35
|
-
return obj;
|
|
36
|
-
}
|
|
37
|
-
function ownKeys(e, r) {
|
|
38
|
-
var t = Object.keys(e);
|
|
39
|
-
if (Object.getOwnPropertySymbols) {
|
|
40
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
41
|
-
r && (o = o.filter(function(r) {
|
|
42
|
-
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
43
|
-
})), t.push.apply(t, o);
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
}
|
|
47
|
-
function _objectSpread2(e) {
|
|
48
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
49
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
50
|
-
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
|
|
51
|
-
_defineProperty(e, r, t[r]);
|
|
52
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
|
|
53
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
return e;
|
|
57
|
-
}
|
|
58
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
59
|
-
if (source == null) return {};
|
|
60
|
-
var target = {};
|
|
61
|
-
var sourceKeys = Object.keys(source);
|
|
62
|
-
var key, i;
|
|
63
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
64
|
-
key = sourceKeys[i];
|
|
65
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
66
|
-
target[key] = source[key];
|
|
67
|
-
}
|
|
68
|
-
return target;
|
|
69
|
-
}
|
|
70
|
-
function _objectWithoutProperties(source, excluded) {
|
|
71
|
-
if (source == null) return {};
|
|
72
|
-
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
73
|
-
var key, i;
|
|
74
|
-
if (Object.getOwnPropertySymbols) {
|
|
75
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
76
|
-
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
77
|
-
key = sourceSymbolKeys[i];
|
|
78
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
79
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
80
|
-
target[key] = source[key];
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
return target;
|
|
84
|
-
}
|
|
85
|
-
function forEach(obj, fn) {
|
|
86
|
-
for (var _key in obj) fn(obj[_key], _key);
|
|
87
|
-
}
|
|
88
|
-
function omit(obj, omitKeys) {
|
|
89
|
-
var result = {};
|
|
90
|
-
for (var _key2 in obj) if (omitKeys.indexOf(_key2) === -1) result[_key2] = obj[_key2];
|
|
91
|
-
return result;
|
|
92
|
-
}
|
|
93
|
-
function mapKeys(obj, fn) {
|
|
94
|
-
var result = {};
|
|
95
|
-
for (var _key3 in obj) result[fn(obj[_key3], _key3)] = obj[_key3];
|
|
96
|
-
return result;
|
|
97
|
-
}
|
|
98
|
-
function composeStylesIntoSet(set) {
|
|
99
|
-
for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key5 = 1; _key5 < _len; _key5++) classNames[_key5 - 1] = arguments[_key5];
|
|
100
|
-
for (var className of classNames) {
|
|
101
|
-
if (className.length === 0) continue;
|
|
102
|
-
if (typeof className === "string") if (className.includes(" ")) composeStylesIntoSet(set, ...className.trim().split(" "));
|
|
103
|
-
else set.add(className);
|
|
104
|
-
else if (Array.isArray(className)) composeStylesIntoSet(set, ...className);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
function dedupeAndJoinClassList(classNames) {
|
|
108
|
-
var set = /* @__PURE__ */ new Set();
|
|
109
|
-
composeStylesIntoSet(set, ...classNames);
|
|
110
|
-
return Array.from(set).join(" ");
|
|
111
|
-
}
|
|
112
|
-
var _templateObject$1;
|
|
113
|
-
function escapeRegex(string) {
|
|
114
|
-
return string.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
|
|
115
|
-
}
|
|
116
|
-
var validateSelector = (selector, targetClassName) => {
|
|
117
|
-
var replaceTarget = () => {
|
|
118
|
-
var targetRegex = new RegExp(".".concat(escapeRegex((0, import_cssesc.default)(targetClassName, { isIdentifier: true }))), "g");
|
|
119
|
-
return selector.replace(targetRegex, "&");
|
|
120
|
-
};
|
|
121
|
-
var selectorParts;
|
|
122
|
-
try {
|
|
123
|
-
selectorParts = parse(selector);
|
|
124
|
-
} catch (err) {
|
|
125
|
-
throw new Error("Invalid selector: ".concat(replaceTarget()), { cause: err });
|
|
126
|
-
}
|
|
127
|
-
selectorParts.forEach((tokens) => {
|
|
128
|
-
try {
|
|
129
|
-
for (var i = tokens.length - 1; i >= -1; i--) {
|
|
130
|
-
if (!tokens[i]) throw new Error();
|
|
131
|
-
var token = tokens[i];
|
|
132
|
-
if (token.type === "child" || token.type === "parent" || token.type === "sibling" || token.type === "adjacent" || token.type === "descendant") throw new Error();
|
|
133
|
-
if (token.type === "attribute" && token.name === "class" && token.value === targetClassName) return;
|
|
134
|
-
}
|
|
135
|
-
} catch (err) {
|
|
136
|
-
throw new Error(dedent(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral([
|
|
137
|
-
"\n Invalid selector: ",
|
|
138
|
-
"\n \n Style selectors must target the '&' character (along with any modifiers), e.g. ",
|
|
139
|
-
" or ",
|
|
140
|
-
".\n \n This is to ensure that each style block only affects the styling of a single class.\n \n If your selector is targeting another class, you should move it to the style definition for that class, e.g. given we have styles for 'parent' and 'child' elements, instead of adding a selector of ",
|
|
141
|
-
") to 'parent', you should add ",
|
|
142
|
-
" to 'child').\n \n If your selector is targeting something global, use the 'globalStyle' function instead, e.g. if you wanted to write ",
|
|
143
|
-
", you should instead write 'globalStyle(",
|
|
144
|
-
", { ... })'\n "
|
|
145
|
-
])), replaceTarget(), "`${parent} &`", "`${parent} &:hover`", "`& ${child}`", "`${parent} &`", "`& h1`", "`${parent} h1`"), { cause: err });
|
|
146
|
-
}
|
|
147
|
-
});
|
|
148
|
-
};
|
|
149
|
-
/** e.g. @media screen and (min-width: 500px) */
|
|
150
|
-
var ConditionalRuleset = class ConditionalRuleset {
|
|
151
|
-
/**
|
|
152
|
-
* Stores information about where conditions must be in relation to other conditions
|
|
153
|
-
*
|
|
154
|
-
* e.g. mobile -> tablet, desktop
|
|
155
|
-
*/
|
|
156
|
-
constructor() {
|
|
157
|
-
this.ruleset = /* @__PURE__ */ new Map();
|
|
158
|
-
this.precedenceLookup = /* @__PURE__ */ new Map();
|
|
159
|
-
}
|
|
160
|
-
findOrCreateCondition(conditionQuery) {
|
|
161
|
-
var targetCondition = this.ruleset.get(conditionQuery);
|
|
162
|
-
if (!targetCondition) {
|
|
163
|
-
targetCondition = {
|
|
164
|
-
query: conditionQuery,
|
|
165
|
-
rules: [],
|
|
166
|
-
children: new ConditionalRuleset()
|
|
167
|
-
};
|
|
168
|
-
this.ruleset.set(conditionQuery, targetCondition);
|
|
169
|
-
}
|
|
170
|
-
return targetCondition;
|
|
171
|
-
}
|
|
172
|
-
getConditionalRulesetByPath(conditionPath) {
|
|
173
|
-
var currRuleset = this;
|
|
174
|
-
for (var query of conditionPath) currRuleset = currRuleset.findOrCreateCondition(query).children;
|
|
175
|
-
return currRuleset;
|
|
176
|
-
}
|
|
177
|
-
addRule(rule, conditionQuery, conditionPath) {
|
|
178
|
-
var targetCondition = this.getConditionalRulesetByPath(conditionPath).findOrCreateCondition(conditionQuery);
|
|
179
|
-
if (!targetCondition) throw new Error("Failed to add conditional rule");
|
|
180
|
-
targetCondition.rules.push(rule);
|
|
181
|
-
}
|
|
182
|
-
addConditionPrecedence(conditionPath, conditionOrder) {
|
|
183
|
-
var ruleset = this.getConditionalRulesetByPath(conditionPath);
|
|
184
|
-
for (var i = 0; i < conditionOrder.length; i++) {
|
|
185
|
-
var _ruleset$precedenceLo;
|
|
186
|
-
var query = conditionOrder[i];
|
|
187
|
-
var conditionPrecedence = (_ruleset$precedenceLo = ruleset.precedenceLookup.get(query)) !== null && _ruleset$precedenceLo !== void 0 ? _ruleset$precedenceLo : /* @__PURE__ */ new Set();
|
|
188
|
-
for (var lowerPrecedenceCondition of conditionOrder.slice(i + 1)) conditionPrecedence.add(lowerPrecedenceCondition);
|
|
189
|
-
ruleset.precedenceLookup.set(query, conditionPrecedence);
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
isCompatible(incomingRuleset) {
|
|
193
|
-
for (var [condition, orderPrecedence] of this.precedenceLookup.entries()) for (var lowerPrecedenceCondition of orderPrecedence) {
|
|
194
|
-
var _incomingRuleset$prec;
|
|
195
|
-
if ((_incomingRuleset$prec = incomingRuleset.precedenceLookup.get(lowerPrecedenceCondition)) !== null && _incomingRuleset$prec !== void 0 && _incomingRuleset$prec.has(condition)) return false;
|
|
196
|
-
}
|
|
197
|
-
for (var { query, children } of incomingRuleset.ruleset.values()) {
|
|
198
|
-
var matchingCondition = this.ruleset.get(query);
|
|
199
|
-
if (matchingCondition && !matchingCondition.children.isCompatible(children)) return false;
|
|
200
|
-
}
|
|
201
|
-
return true;
|
|
202
|
-
}
|
|
203
|
-
merge(incomingRuleset) {
|
|
204
|
-
for (var { query, rules, children } of incomingRuleset.ruleset.values()) {
|
|
205
|
-
var matchingCondition = this.ruleset.get(query);
|
|
206
|
-
if (matchingCondition) {
|
|
207
|
-
matchingCondition.rules.push(...rules);
|
|
208
|
-
matchingCondition.children.merge(children);
|
|
209
|
-
} else this.ruleset.set(query, {
|
|
210
|
-
query,
|
|
211
|
-
rules,
|
|
212
|
-
children
|
|
213
|
-
});
|
|
214
|
-
}
|
|
215
|
-
for (var [condition, incomingOrderPrecedence] of incomingRuleset.precedenceLookup.entries()) {
|
|
216
|
-
var _this$precedenceLooku;
|
|
217
|
-
var orderPrecedence = (_this$precedenceLooku = this.precedenceLookup.get(condition)) !== null && _this$precedenceLooku !== void 0 ? _this$precedenceLooku : /* @__PURE__ */ new Set();
|
|
218
|
-
this.precedenceLookup.set(condition, new Set([...orderPrecedence, ...incomingOrderPrecedence]));
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
/**
|
|
222
|
-
* Merge another ConditionalRuleset into this one if they are compatible
|
|
223
|
-
*
|
|
224
|
-
* @returns true if successful, false if the ruleset is incompatible
|
|
225
|
-
*/
|
|
226
|
-
mergeIfCompatible(incomingRuleset) {
|
|
227
|
-
if (!this.isCompatible(incomingRuleset)) return false;
|
|
228
|
-
this.merge(incomingRuleset);
|
|
229
|
-
return true;
|
|
230
|
-
}
|
|
231
|
-
getSortedRuleset() {
|
|
232
|
-
var _this = this;
|
|
233
|
-
var sortedRuleset = [];
|
|
234
|
-
var _loop = function _loop(dependents) {
|
|
235
|
-
var conditionForQuery = _this.ruleset.get(query);
|
|
236
|
-
if (!conditionForQuery) throw new Error("Can't find condition for ".concat(query));
|
|
237
|
-
var firstMatchingDependent = sortedRuleset.findIndex((condition) => dependents.has(condition.query));
|
|
238
|
-
if (firstMatchingDependent > -1) sortedRuleset.splice(firstMatchingDependent, 0, conditionForQuery);
|
|
239
|
-
else sortedRuleset.push(conditionForQuery);
|
|
240
|
-
};
|
|
241
|
-
for (var [query, dependents] of this.precedenceLookup.entries()) _loop(dependents);
|
|
242
|
-
return sortedRuleset;
|
|
243
|
-
}
|
|
244
|
-
renderToArray() {
|
|
245
|
-
var arr = [];
|
|
246
|
-
for (var { query, rules, children } of this.getSortedRuleset()) {
|
|
247
|
-
var selectors = {};
|
|
248
|
-
for (var rule of rules) selectors[rule.selector] = _objectSpread2(_objectSpread2({}, selectors[rule.selector]), rule.rule);
|
|
249
|
-
Object.assign(selectors, ...children.renderToArray());
|
|
250
|
-
arr.push({ [query]: selectors });
|
|
251
|
-
}
|
|
252
|
-
return arr;
|
|
253
|
-
}
|
|
254
|
-
};
|
|
255
|
-
var simplePseudoMap = {
|
|
256
|
-
":-moz-any-link": true,
|
|
257
|
-
":-moz-full-screen": true,
|
|
258
|
-
":-moz-placeholder": true,
|
|
259
|
-
":-moz-read-only": true,
|
|
260
|
-
":-moz-read-write": true,
|
|
261
|
-
":-ms-fullscreen": true,
|
|
262
|
-
":-ms-input-placeholder": true,
|
|
263
|
-
":-webkit-any-link": true,
|
|
264
|
-
":-webkit-full-screen": true,
|
|
265
|
-
"::-moz-color-swatch": true,
|
|
266
|
-
"::-moz-list-bullet": true,
|
|
267
|
-
"::-moz-list-number": true,
|
|
268
|
-
"::-moz-page-sequence": true,
|
|
269
|
-
"::-moz-page": true,
|
|
270
|
-
"::-moz-placeholder": true,
|
|
271
|
-
"::-moz-progress-bar": true,
|
|
272
|
-
"::-moz-range-progress": true,
|
|
273
|
-
"::-moz-range-thumb": true,
|
|
274
|
-
"::-moz-range-track": true,
|
|
275
|
-
"::-moz-scrolled-page-sequence": true,
|
|
276
|
-
"::-moz-selection": true,
|
|
277
|
-
"::-ms-backdrop": true,
|
|
278
|
-
"::-ms-browse": true,
|
|
279
|
-
"::-ms-check": true,
|
|
280
|
-
"::-ms-clear": true,
|
|
281
|
-
"::-ms-fill-lower": true,
|
|
282
|
-
"::-ms-fill-upper": true,
|
|
283
|
-
"::-ms-fill": true,
|
|
284
|
-
"::-ms-reveal": true,
|
|
285
|
-
"::-ms-thumb": true,
|
|
286
|
-
"::-ms-ticks-after": true,
|
|
287
|
-
"::-ms-ticks-before": true,
|
|
288
|
-
"::-ms-tooltip": true,
|
|
289
|
-
"::-ms-track": true,
|
|
290
|
-
"::-ms-value": true,
|
|
291
|
-
"::-webkit-backdrop": true,
|
|
292
|
-
"::-webkit-calendar-picker-indicator": true,
|
|
293
|
-
"::-webkit-inner-spin-button": true,
|
|
294
|
-
"::-webkit-input-placeholder": true,
|
|
295
|
-
"::-webkit-meter-bar": true,
|
|
296
|
-
"::-webkit-meter-even-less-good-value": true,
|
|
297
|
-
"::-webkit-meter-inner-element": true,
|
|
298
|
-
"::-webkit-meter-optimum-value": true,
|
|
299
|
-
"::-webkit-meter-suboptimum-value": true,
|
|
300
|
-
"::-webkit-outer-spin-button": true,
|
|
301
|
-
"::-webkit-progress-bar": true,
|
|
302
|
-
"::-webkit-progress-inner-element": true,
|
|
303
|
-
"::-webkit-progress-inner-value": true,
|
|
304
|
-
"::-webkit-progress-value": true,
|
|
305
|
-
"::-webkit-resizer": true,
|
|
306
|
-
"::-webkit-scrollbar-button": true,
|
|
307
|
-
"::-webkit-scrollbar-corner": true,
|
|
308
|
-
"::-webkit-scrollbar-thumb": true,
|
|
309
|
-
"::-webkit-scrollbar-track-piece": true,
|
|
310
|
-
"::-webkit-scrollbar-track": true,
|
|
311
|
-
"::-webkit-scrollbar": true,
|
|
312
|
-
"::-webkit-search-cancel-button": true,
|
|
313
|
-
"::-webkit-search-results-button": true,
|
|
314
|
-
"::-webkit-slider-runnable-track": true,
|
|
315
|
-
"::-webkit-slider-thumb": true,
|
|
316
|
-
"::after": true,
|
|
317
|
-
"::backdrop": true,
|
|
318
|
-
"::before": true,
|
|
319
|
-
"::cue": true,
|
|
320
|
-
"::file-selector-button": true,
|
|
321
|
-
"::first-letter": true,
|
|
322
|
-
"::first-line": true,
|
|
323
|
-
"::grammar-error": true,
|
|
324
|
-
"::marker": true,
|
|
325
|
-
"::placeholder": true,
|
|
326
|
-
"::selection": true,
|
|
327
|
-
"::spelling-error": true,
|
|
328
|
-
"::target-text": true,
|
|
329
|
-
"::view-transition-group": true,
|
|
330
|
-
"::view-transition-image-pair": true,
|
|
331
|
-
"::view-transition-new": true,
|
|
332
|
-
"::view-transition-old": true,
|
|
333
|
-
"::view-transition": true,
|
|
334
|
-
":active": true,
|
|
335
|
-
":after": true,
|
|
336
|
-
":any-link": true,
|
|
337
|
-
":before": true,
|
|
338
|
-
":blank": true,
|
|
339
|
-
":checked": true,
|
|
340
|
-
":default": true,
|
|
341
|
-
":defined": true,
|
|
342
|
-
":disabled": true,
|
|
343
|
-
":empty": true,
|
|
344
|
-
":enabled": true,
|
|
345
|
-
":first-child": true,
|
|
346
|
-
":first-letter": true,
|
|
347
|
-
":first-line": true,
|
|
348
|
-
":first-of-type": true,
|
|
349
|
-
":first": true,
|
|
350
|
-
":focus-visible": true,
|
|
351
|
-
":focus-within": true,
|
|
352
|
-
":focus": true,
|
|
353
|
-
":fullscreen": true,
|
|
354
|
-
":hover": true,
|
|
355
|
-
":in-range": true,
|
|
356
|
-
":indeterminate": true,
|
|
357
|
-
":invalid": true,
|
|
358
|
-
":last-child": true,
|
|
359
|
-
":last-of-type": true,
|
|
360
|
-
":left": true,
|
|
361
|
-
":link": true,
|
|
362
|
-
":only-child": true,
|
|
363
|
-
":only-of-type": true,
|
|
364
|
-
":optional": true,
|
|
365
|
-
":out-of-range": true,
|
|
366
|
-
":placeholder-shown": true,
|
|
367
|
-
":read-only": true,
|
|
368
|
-
":read-write": true,
|
|
369
|
-
":required": true,
|
|
370
|
-
":right": true,
|
|
371
|
-
":root": true,
|
|
372
|
-
":scope": true,
|
|
373
|
-
":target": true,
|
|
374
|
-
":valid": true,
|
|
375
|
-
":visited": true
|
|
376
|
-
};
|
|
377
|
-
var simplePseudos = Object.keys(simplePseudoMap);
|
|
378
|
-
var simplePseudoLookup = simplePseudoMap;
|
|
379
|
-
var _templateObject;
|
|
380
|
-
var createMediaQueryError = (mediaQuery, msg) => new Error(dedent(_templateObject || (_templateObject = _taggedTemplateLiteral([
|
|
381
|
-
"\n Invalid media query: \"",
|
|
382
|
-
"\"\n\n ",
|
|
383
|
-
"\n\n Read more on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries\n "
|
|
384
|
-
])), mediaQuery, msg));
|
|
385
|
-
var validateMediaQuery = (mediaQuery) => {
|
|
386
|
-
if (mediaQuery === "@media ") throw createMediaQueryError(mediaQuery, "Query is empty");
|
|
387
|
-
try {
|
|
388
|
-
toAST(mediaQuery);
|
|
389
|
-
} catch (e) {
|
|
390
|
-
throw createMediaQueryError(mediaQuery, e.message);
|
|
391
|
-
}
|
|
392
|
-
};
|
|
393
|
-
var _excluded = ["vars"], _excluded2 = ["content"];
|
|
394
|
-
var DECLARATION = "__DECLARATION";
|
|
395
|
-
var UNITLESS = {
|
|
396
|
-
animationIterationCount: true,
|
|
397
|
-
borderImage: true,
|
|
398
|
-
borderImageOutset: true,
|
|
399
|
-
borderImageSlice: true,
|
|
400
|
-
borderImageWidth: true,
|
|
401
|
-
boxFlex: true,
|
|
402
|
-
boxFlexGroup: true,
|
|
403
|
-
columnCount: true,
|
|
404
|
-
columns: true,
|
|
405
|
-
flex: true,
|
|
406
|
-
flexGrow: true,
|
|
407
|
-
flexShrink: true,
|
|
408
|
-
fontWeight: true,
|
|
409
|
-
gridArea: true,
|
|
410
|
-
gridColumn: true,
|
|
411
|
-
gridColumnEnd: true,
|
|
412
|
-
gridColumnStart: true,
|
|
413
|
-
gridRow: true,
|
|
414
|
-
gridRowEnd: true,
|
|
415
|
-
gridRowStart: true,
|
|
416
|
-
initialLetter: true,
|
|
417
|
-
lineClamp: true,
|
|
418
|
-
lineHeight: true,
|
|
419
|
-
maxLines: true,
|
|
420
|
-
opacity: true,
|
|
421
|
-
order: true,
|
|
422
|
-
orphans: true,
|
|
423
|
-
scale: true,
|
|
424
|
-
tabSize: true,
|
|
425
|
-
WebkitLineClamp: true,
|
|
426
|
-
widows: true,
|
|
427
|
-
zIndex: true,
|
|
428
|
-
zoom: true,
|
|
429
|
-
fillOpacity: true,
|
|
430
|
-
floodOpacity: true,
|
|
431
|
-
maskBorder: true,
|
|
432
|
-
maskBorderOutset: true,
|
|
433
|
-
maskBorderSlice: true,
|
|
434
|
-
maskBorderWidth: true,
|
|
435
|
-
shapeImageThreshold: true,
|
|
436
|
-
stopOpacity: true,
|
|
437
|
-
strokeDashoffset: true,
|
|
438
|
-
strokeMiterlimit: true,
|
|
439
|
-
strokeOpacity: true,
|
|
440
|
-
strokeWidth: true
|
|
441
|
-
};
|
|
442
|
-
function dashify(str) {
|
|
443
|
-
return str.replace(/([A-Z])/g, "-$1").replace(/^ms-/, "-ms-").toLowerCase();
|
|
444
|
-
}
|
|
445
|
-
function replaceBetweenIndexes(target, startIndex, endIndex, replacement) {
|
|
446
|
-
var start = target.slice(0, startIndex);
|
|
447
|
-
var end = target.slice(endIndex);
|
|
448
|
-
return "".concat(start).concat(replacement).concat(end);
|
|
449
|
-
}
|
|
450
|
-
var DOUBLE_SPACE = " ";
|
|
451
|
-
var specialKeys = [
|
|
452
|
-
...simplePseudos,
|
|
453
|
-
"@layer",
|
|
454
|
-
"@media",
|
|
455
|
-
"@supports",
|
|
456
|
-
"@container",
|
|
457
|
-
"@starting-style",
|
|
458
|
-
"selectors"
|
|
459
|
-
];
|
|
460
|
-
var Stylesheet = class {
|
|
461
|
-
constructor(localClassNames, composedClassLists) {
|
|
462
|
-
this.rules = [];
|
|
463
|
-
this.conditionalRulesets = [new ConditionalRuleset()];
|
|
464
|
-
this.fontFaceRules = [];
|
|
465
|
-
this.keyframesRules = [];
|
|
466
|
-
this.propertyRules = [];
|
|
467
|
-
this.localClassNamesMap = new Map(localClassNames.map((localClassName) => [localClassName, localClassName]));
|
|
468
|
-
this.localClassNamesSearch = new AhoCorasick(localClassNames);
|
|
469
|
-
this.layers = /* @__PURE__ */ new Map();
|
|
470
|
-
this.composedClassLists = composedClassLists.map((_ref) => {
|
|
471
|
-
var { identifier, classList } = _ref;
|
|
472
|
-
return {
|
|
473
|
-
identifier,
|
|
474
|
-
regex: RegExp("(".concat(classList, ")"), "g")
|
|
475
|
-
};
|
|
476
|
-
}).reverse();
|
|
477
|
-
}
|
|
478
|
-
processCssObj(root) {
|
|
479
|
-
if (root.type === "fontFace") {
|
|
480
|
-
this.fontFaceRules.push(root.rule);
|
|
481
|
-
return;
|
|
482
|
-
}
|
|
483
|
-
if (root.type === "property") {
|
|
484
|
-
this.propertyRules.push(root);
|
|
485
|
-
return;
|
|
486
|
-
}
|
|
487
|
-
if (root.type === "keyframes") {
|
|
488
|
-
root.rule = Object.fromEntries(Object.entries(root.rule).map((_ref2) => {
|
|
489
|
-
var [keyframe, rule] = _ref2;
|
|
490
|
-
return [keyframe, this.transformVars(this.transformProperties(rule))];
|
|
491
|
-
}));
|
|
492
|
-
this.keyframesRules.push(root);
|
|
493
|
-
return;
|
|
494
|
-
}
|
|
495
|
-
this.currConditionalRuleset = new ConditionalRuleset();
|
|
496
|
-
if (root.type === "layer") {
|
|
497
|
-
var layerDefinition = "@layer ".concat(root.name);
|
|
498
|
-
this.addLayer([layerDefinition]);
|
|
499
|
-
} else {
|
|
500
|
-
var mainRule = omit(root.rule, specialKeys);
|
|
501
|
-
this.addRule({
|
|
502
|
-
selector: root.selector,
|
|
503
|
-
rule: mainRule
|
|
504
|
-
});
|
|
505
|
-
this.transformLayer(root, root.rule["@layer"]);
|
|
506
|
-
this.transformMedia(root, root.rule["@media"]);
|
|
507
|
-
this.transformSupports(root, root.rule["@supports"]);
|
|
508
|
-
this.transformContainer(root, root.rule["@container"]);
|
|
509
|
-
this.transformStartingStyle(root, root.rule["@starting-style"]);
|
|
510
|
-
this.transformSimplePseudos(root, root.rule);
|
|
511
|
-
this.transformSelectors(root, root.rule);
|
|
512
|
-
}
|
|
513
|
-
if (!this.conditionalRulesets[this.conditionalRulesets.length - 1].mergeIfCompatible(this.currConditionalRuleset)) this.conditionalRulesets.push(this.currConditionalRuleset);
|
|
514
|
-
}
|
|
515
|
-
addConditionalRule(cssRule, conditions) {
|
|
516
|
-
var rule = this.transformVars(this.transformProperties(cssRule.rule));
|
|
517
|
-
var selector = this.transformSelector(cssRule.selector);
|
|
518
|
-
if (!this.currConditionalRuleset) throw new Error("Couldn't add conditional rule");
|
|
519
|
-
var conditionQuery = conditions[conditions.length - 1];
|
|
520
|
-
var parentConditions = conditions.slice(0, conditions.length - 1);
|
|
521
|
-
this.currConditionalRuleset.addRule({
|
|
522
|
-
selector,
|
|
523
|
-
rule
|
|
524
|
-
}, conditionQuery, parentConditions);
|
|
525
|
-
}
|
|
526
|
-
addRule(cssRule) {
|
|
527
|
-
var rule = this.transformVars(this.transformProperties(cssRule.rule));
|
|
528
|
-
var selector = this.transformSelector(cssRule.selector);
|
|
529
|
-
this.rules.push({
|
|
530
|
-
selector,
|
|
531
|
-
rule
|
|
532
|
-
});
|
|
533
|
-
}
|
|
534
|
-
addLayer(layer) {
|
|
535
|
-
var uniqueLayerKey = layer.join(" - ");
|
|
536
|
-
this.layers.set(uniqueLayerKey, layer);
|
|
537
|
-
}
|
|
538
|
-
transformProperties(cssRule) {
|
|
539
|
-
return this.transformContent(this.pixelifyProperties(cssRule));
|
|
540
|
-
}
|
|
541
|
-
pixelifyProperties(cssRule) {
|
|
542
|
-
forEach(cssRule, (value, key) => {
|
|
543
|
-
if (typeof value === "number" && value !== 0 && !UNITLESS[key]) cssRule[key] = "".concat(value, "px");
|
|
544
|
-
});
|
|
545
|
-
return cssRule;
|
|
546
|
-
}
|
|
547
|
-
transformVars(_ref3) {
|
|
548
|
-
var { vars } = _ref3, rest = _objectWithoutProperties(_ref3, _excluded);
|
|
549
|
-
if (!vars) return rest;
|
|
550
|
-
return _objectSpread2(_objectSpread2({}, mapKeys(vars, (_value, key) => getVarName(key))), rest);
|
|
551
|
-
}
|
|
552
|
-
transformContent(_ref4) {
|
|
553
|
-
var { content } = _ref4, rest = _objectWithoutProperties(_ref4, _excluded2);
|
|
554
|
-
if (typeof content === "undefined") return rest;
|
|
555
|
-
return _objectSpread2({ content: (Array.isArray(content) ? content : [content]).map((value) => value && (value.includes("\"") || value.includes("'") || /^([A-Za-z-]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(value)) ? value : "\"".concat(value, "\"")) }, rest);
|
|
556
|
-
}
|
|
557
|
-
transformClassname(identifier) {
|
|
558
|
-
return ".".concat((0, import_cssesc.default)(identifier, { isIdentifier: true }));
|
|
559
|
-
}
|
|
560
|
-
transformSelector(selector) {
|
|
561
|
-
var transformedSelector = selector;
|
|
562
|
-
var _loop = function _loop(identifier) {
|
|
563
|
-
transformedSelector = transformedSelector.replace(regex, () => {
|
|
564
|
-
markCompositionUsed(identifier);
|
|
565
|
-
return identifier;
|
|
566
|
-
});
|
|
567
|
-
};
|
|
568
|
-
for (var { identifier, regex } of this.composedClassLists) _loop(identifier);
|
|
569
|
-
if (this.localClassNamesMap.has(transformedSelector)) return this.transformClassname(transformedSelector);
|
|
570
|
-
var results = this.localClassNamesSearch.search(transformedSelector);
|
|
571
|
-
var lastReplaceIndex = transformedSelector.length;
|
|
572
|
-
for (var i = results.length - 1; i >= 0; i--) {
|
|
573
|
-
var [endIndex, [firstMatch]] = results[i];
|
|
574
|
-
var startIndex = endIndex - firstMatch.length + 1;
|
|
575
|
-
if (lastReplaceIndex <= endIndex) continue;
|
|
576
|
-
lastReplaceIndex = startIndex;
|
|
577
|
-
if (transformedSelector[startIndex - 1] !== ".") transformedSelector = replaceBetweenIndexes(transformedSelector, startIndex, endIndex + 1, this.transformClassname(firstMatch));
|
|
578
|
-
}
|
|
579
|
-
return transformedSelector;
|
|
580
|
-
}
|
|
581
|
-
transformSelectors(root, rule, conditions) {
|
|
582
|
-
forEach(rule.selectors, (selectorRule, selector) => {
|
|
583
|
-
if (root.type !== "local") throw new Error("Selectors are not allowed within ".concat(root.type === "global" ? "\"globalStyle\"" : "\"selectors\""));
|
|
584
|
-
var transformedSelector = this.transformSelector(selector.replace(RegExp("&", "g"), root.selector));
|
|
585
|
-
validateSelector(transformedSelector, root.selector);
|
|
586
|
-
var rule = {
|
|
587
|
-
selector: transformedSelector,
|
|
588
|
-
rule: omit(selectorRule, specialKeys)
|
|
589
|
-
};
|
|
590
|
-
if (conditions) this.addConditionalRule(rule, conditions);
|
|
591
|
-
else this.addRule(rule);
|
|
592
|
-
var selectorRoot = {
|
|
593
|
-
type: "selector",
|
|
594
|
-
selector: transformedSelector,
|
|
595
|
-
rule: selectorRule
|
|
596
|
-
};
|
|
597
|
-
this.transformLayer(selectorRoot, selectorRule["@layer"], conditions);
|
|
598
|
-
this.transformSupports(selectorRoot, selectorRule["@supports"], conditions);
|
|
599
|
-
this.transformMedia(selectorRoot, selectorRule["@media"], conditions);
|
|
600
|
-
this.transformContainer(selectorRoot, selectorRule["@container"], conditions);
|
|
601
|
-
this.transformStartingStyle(selectorRoot, selectorRule["@starting-style"], conditions);
|
|
602
|
-
});
|
|
603
|
-
}
|
|
604
|
-
transformMedia(root, rules) {
|
|
605
|
-
var parentConditions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
|
|
606
|
-
if (rules) {
|
|
607
|
-
var _this$currConditional;
|
|
608
|
-
(_this$currConditional = this.currConditionalRuleset) === null || _this$currConditional === void 0 || _this$currConditional.addConditionPrecedence(parentConditions, Object.keys(rules).map((query) => "@media ".concat(query)));
|
|
609
|
-
for (var [query, mediaRule] of Object.entries(rules)) {
|
|
610
|
-
var mediaQuery = "@media ".concat(query);
|
|
611
|
-
validateMediaQuery(mediaQuery);
|
|
612
|
-
var conditions = [...parentConditions, mediaQuery];
|
|
613
|
-
this.addConditionalRule({
|
|
614
|
-
selector: root.selector,
|
|
615
|
-
rule: omit(mediaRule, specialKeys)
|
|
616
|
-
}, conditions);
|
|
617
|
-
if (root.type === "local") {
|
|
618
|
-
this.transformSimplePseudos(root, mediaRule, conditions);
|
|
619
|
-
this.transformSelectors(root, mediaRule, conditions);
|
|
620
|
-
}
|
|
621
|
-
this.transformLayer(root, mediaRule["@layer"], conditions);
|
|
622
|
-
this.transformSupports(root, mediaRule["@supports"], conditions);
|
|
623
|
-
this.transformContainer(root, mediaRule["@container"], conditions);
|
|
624
|
-
this.transformStartingStyle(root, mediaRule["@starting-style"], conditions);
|
|
625
|
-
}
|
|
626
|
-
}
|
|
627
|
-
}
|
|
628
|
-
transformContainer(root, rules) {
|
|
629
|
-
var parentConditions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
|
|
630
|
-
if (rules) {
|
|
631
|
-
var _this$currConditional2;
|
|
632
|
-
(_this$currConditional2 = this.currConditionalRuleset) === null || _this$currConditional2 === void 0 || _this$currConditional2.addConditionPrecedence(parentConditions, Object.keys(rules).map((query) => "@container ".concat(query)));
|
|
633
|
-
forEach(rules, (containerRule, query) => {
|
|
634
|
-
var containerQuery = "@container ".concat(query);
|
|
635
|
-
var conditions = [...parentConditions, containerQuery];
|
|
636
|
-
this.addConditionalRule({
|
|
637
|
-
selector: root.selector,
|
|
638
|
-
rule: omit(containerRule, specialKeys)
|
|
639
|
-
}, conditions);
|
|
640
|
-
if (root.type === "local") {
|
|
641
|
-
this.transformSimplePseudos(root, containerRule, conditions);
|
|
642
|
-
this.transformSelectors(root, containerRule, conditions);
|
|
643
|
-
}
|
|
644
|
-
this.transformLayer(root, containerRule["@layer"], conditions);
|
|
645
|
-
this.transformSupports(root, containerRule["@supports"], conditions);
|
|
646
|
-
this.transformMedia(root, containerRule["@media"], conditions);
|
|
647
|
-
this.transformStartingStyle(root, containerRule["@starting-style"], conditions);
|
|
648
|
-
});
|
|
649
|
-
}
|
|
650
|
-
}
|
|
651
|
-
transformLayer(root, rules) {
|
|
652
|
-
var parentConditions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
|
|
653
|
-
if (rules) {
|
|
654
|
-
var _this$currConditional3;
|
|
655
|
-
(_this$currConditional3 = this.currConditionalRuleset) === null || _this$currConditional3 === void 0 || _this$currConditional3.addConditionPrecedence(parentConditions, Object.keys(rules).map((name) => "@layer ".concat(name)));
|
|
656
|
-
forEach(rules, (layerRule, name) => {
|
|
657
|
-
var conditions = [...parentConditions, "@layer ".concat(name)];
|
|
658
|
-
this.addLayer(conditions);
|
|
659
|
-
this.addConditionalRule({
|
|
660
|
-
selector: root.selector,
|
|
661
|
-
rule: omit(layerRule, specialKeys)
|
|
662
|
-
}, conditions);
|
|
663
|
-
if (root.type === "local") {
|
|
664
|
-
this.transformSimplePseudos(root, layerRule, conditions);
|
|
665
|
-
this.transformSelectors(root, layerRule, conditions);
|
|
666
|
-
}
|
|
667
|
-
this.transformMedia(root, layerRule["@media"], conditions);
|
|
668
|
-
this.transformSupports(root, layerRule["@supports"], conditions);
|
|
669
|
-
this.transformContainer(root, layerRule["@container"], conditions);
|
|
670
|
-
this.transformStartingStyle(root, layerRule["@starting-style"], conditions);
|
|
671
|
-
});
|
|
672
|
-
}
|
|
673
|
-
}
|
|
674
|
-
transformSupports(root, rules) {
|
|
675
|
-
var parentConditions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
|
|
676
|
-
if (rules) {
|
|
677
|
-
var _this$currConditional4;
|
|
678
|
-
(_this$currConditional4 = this.currConditionalRuleset) === null || _this$currConditional4 === void 0 || _this$currConditional4.addConditionPrecedence(parentConditions, Object.keys(rules).map((query) => "@supports ".concat(query)));
|
|
679
|
-
forEach(rules, (supportsRule, query) => {
|
|
680
|
-
var conditions = [...parentConditions, "@supports ".concat(query)];
|
|
681
|
-
this.addConditionalRule({
|
|
682
|
-
selector: root.selector,
|
|
683
|
-
rule: omit(supportsRule, specialKeys)
|
|
684
|
-
}, conditions);
|
|
685
|
-
if (root.type === "local") {
|
|
686
|
-
this.transformSimplePseudos(root, supportsRule, conditions);
|
|
687
|
-
this.transformSelectors(root, supportsRule, conditions);
|
|
688
|
-
}
|
|
689
|
-
this.transformLayer(root, supportsRule["@layer"], conditions);
|
|
690
|
-
this.transformMedia(root, supportsRule["@media"], conditions);
|
|
691
|
-
this.transformContainer(root, supportsRule["@container"], conditions);
|
|
692
|
-
this.transformStartingStyle(root, supportsRule["@starting-style"], conditions);
|
|
693
|
-
});
|
|
694
|
-
}
|
|
695
|
-
}
|
|
696
|
-
transformSimplePseudos(root, rule, conditions) {
|
|
697
|
-
for (var key of Object.keys(rule)) if (simplePseudoLookup[key]) {
|
|
698
|
-
if (root.type !== "local") throw new Error("Simple pseudos are not valid in ".concat(root.type === "global" ? "\"globalStyle\"" : "\"selectors\""));
|
|
699
|
-
if (conditions) this.addConditionalRule({
|
|
700
|
-
selector: "".concat(root.selector).concat(key),
|
|
701
|
-
rule: rule[key]
|
|
702
|
-
}, conditions);
|
|
703
|
-
else this.addRule({
|
|
704
|
-
conditions,
|
|
705
|
-
selector: "".concat(root.selector).concat(key),
|
|
706
|
-
rule: rule[key]
|
|
707
|
-
});
|
|
708
|
-
}
|
|
709
|
-
}
|
|
710
|
-
transformStartingStyle(root, rules) {
|
|
711
|
-
var parentConditions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
|
|
712
|
-
if (rules) {
|
|
713
|
-
var _this$currConditional5;
|
|
714
|
-
var nestedAtRuleKey = Object.keys(rules).find((key) => key.startsWith("@"));
|
|
715
|
-
if (nestedAtRuleKey) throw new Error("Nested at-rules (e.g. \"".concat(nestedAtRuleKey, "\") are not allowed inside @starting-style."));
|
|
716
|
-
(_this$currConditional5 = this.currConditionalRuleset) === null || _this$currConditional5 === void 0 || _this$currConditional5.addConditionPrecedence(parentConditions, ["@starting-style"]);
|
|
717
|
-
var conditions = [...parentConditions, "@starting-style"];
|
|
718
|
-
this.addConditionalRule({
|
|
719
|
-
selector: root.selector,
|
|
720
|
-
rule: omit(rules, specialKeys)
|
|
721
|
-
}, conditions);
|
|
722
|
-
if (root.type === "local") {
|
|
723
|
-
this.transformSimplePseudos(root, rules, conditions);
|
|
724
|
-
this.transformSelectors(root, rules, conditions);
|
|
725
|
-
}
|
|
726
|
-
}
|
|
727
|
-
}
|
|
728
|
-
toCss() {
|
|
729
|
-
var css = [];
|
|
730
|
-
for (var fontFaceRule of this.fontFaceRules) css.push(renderCss({ "@font-face": fontFaceRule }));
|
|
731
|
-
for (var property of this.propertyRules) css.push(renderCss({ ["@property ".concat(property.name)]: property.rule }));
|
|
732
|
-
for (var keyframe of this.keyframesRules) css.push(renderCss({ ["@keyframes ".concat(keyframe.name)]: keyframe.rule }));
|
|
733
|
-
for (var layer of this.layers.values()) {
|
|
734
|
-
var [definition, ...nesting] = layer.reverse();
|
|
735
|
-
var cssObj = { [definition]: DECLARATION };
|
|
736
|
-
for (var part of nesting) cssObj = { [part]: cssObj };
|
|
737
|
-
css.push(renderCss(cssObj));
|
|
738
|
-
}
|
|
739
|
-
for (var rule of this.rules) css.push(renderCss({ [rule.selector]: rule.rule }));
|
|
740
|
-
for (var conditionalRuleset of this.conditionalRulesets) for (var conditionalRule of conditionalRuleset.renderToArray()) css.push(renderCss(conditionalRule));
|
|
741
|
-
return css.filter(Boolean);
|
|
742
|
-
}
|
|
743
|
-
};
|
|
744
|
-
function renderCss(v) {
|
|
745
|
-
var indent = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
|
|
746
|
-
var rules = [];
|
|
747
|
-
var _loop2 = function _loop2(key) {
|
|
748
|
-
var value = v[key];
|
|
749
|
-
if (value && Array.isArray(value)) rules.push(...value.map((v) => renderCss({ [key]: v }, indent)));
|
|
750
|
-
else if (value && typeof value === "object") {
|
|
751
|
-
if (!(Object.keys(value).length === 0)) rules.push("".concat(indent).concat(key, " {\n").concat(renderCss(value, indent + DOUBLE_SPACE), "\n").concat(indent, "}"));
|
|
752
|
-
} else if (value === DECLARATION) rules.push("".concat(indent).concat(key, ";"));
|
|
753
|
-
else rules.push("".concat(indent).concat(key.startsWith("--") ? key : dashify(key), ": ").concat(value, ";"));
|
|
754
|
-
};
|
|
755
|
-
for (var key of Object.keys(v)) _loop2(key);
|
|
756
|
-
return rules.join("\n");
|
|
757
|
-
}
|
|
758
|
-
function transformCss(_ref5) {
|
|
759
|
-
var { localClassNames, cssObjs, composedClassLists } = _ref5;
|
|
760
|
-
var stylesheet = new Stylesheet(localClassNames, composedClassLists);
|
|
761
|
-
for (var root of cssObjs) stylesheet.processCssObj(root);
|
|
762
|
-
return stylesheet.toCss();
|
|
763
|
-
}
|
|
764
|
-
//#endregion
|
|
765
|
-
export { _objectSpread2, _objectWithoutProperties, dedupeAndJoinClassList, transformCss };
|