@solid-design-system/components 1.0.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/LICENSE.md +20 -0
- package/README.md +15 -0
- package/dist/components/es/button.js +125 -0
- package/dist/components/es/classix.js +1 -0
- package/dist/components/es/component.styles.js +1 -0
- package/dist/components/es/icon.js +17 -0
- package/dist/components/es/if-defined.js +11 -0
- package/dist/components/es/include.js +1 -0
- package/dist/components/es/include.styles.js +1 -0
- package/dist/components/es/library.js +1 -0
- package/dist/components/es/library.system.js +1 -0
- package/dist/components/es/link.js +1 -0
- package/dist/components/es/lit-element.js +23 -0
- package/dist/components/es/request.js +1 -0
- package/dist/components/es/request2.js +1 -0
- package/dist/components/es/solid-components.js +1 -0
- package/dist/components/es/solid-element.js +21 -0
- package/dist/components/es/spinner.js +1 -0
- package/dist/components/es/state.js +6 -0
- package/dist/components/es/watch.js +1 -0
- package/dist/components/umd/solid-components.js +200 -0
- package/dist/custom-elements.json +1 -0
- package/dist/package/components/button/button.d.ts +48 -0
- package/dist/package/components/button/button.js +391 -0
- package/dist/package/components/icon/icon.d.ts +22 -0
- package/dist/package/components/icon/icon.js +129 -0
- package/dist/package/components/icon/library.d.ts +16 -0
- package/dist/package/components/icon/library.js +17 -0
- package/dist/package/components/icon/library.system.d.ts +7 -0
- package/dist/package/components/icon/library.system.js +26 -0
- package/dist/package/components/icon/request.d.ts +11 -0
- package/dist/package/components/icon/request.js +24 -0
- package/dist/package/components/include/include.d.ts +16 -0
- package/dist/package/components/include/include.js +72 -0
- package/dist/package/components/include/include.styles.d.ts +2 -0
- package/dist/package/components/include/include.styles.js +6 -0
- package/dist/package/components/include/request.d.ts +7 -0
- package/dist/package/components/include/request.js +18 -0
- package/dist/package/components/link/link.d.ts +22 -0
- package/dist/package/components/link/link.js +107 -0
- package/dist/package/components/spinner/spinner.d.ts +12 -0
- package/dist/package/components/spinner/spinner.js +46 -0
- package/dist/package/internal/form.d.ts +35 -0
- package/dist/package/internal/form.js +212 -0
- package/dist/package/internal/slot.d.ts +14 -0
- package/dist/package/internal/slot.js +47 -0
- package/dist/package/internal/solid-element.d.ts +26 -0
- package/dist/package/internal/solid-element.js +38 -0
- package/dist/package/internal/watch.d.ts +11 -0
- package/dist/package/internal/watch.js +28 -0
- package/dist/package/node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js +103 -0
- package/dist/package/solid-components.d.ts +6 -0
- package/dist/package/solid-components.js +14 -0
- package/dist/package/styles/component.styles.d.ts +2 -0
- package/dist/package/styles/component.styles.js +5 -0
- package/dist/package/styles/tailwind.css.js +4 -0
- package/dist/package/translations/en.d.ts +3 -0
- package/dist/package/translations/en.js +31 -0
- package/dist/package/utilities/localize.d.ts +25 -0
- package/dist/package/utilities/localize.js +7 -0
- package/dist/versioned-components/es/button.js +125 -0
- package/dist/versioned-components/es/classix.js +1 -0
- package/dist/versioned-components/es/component.styles.js +1 -0
- package/dist/versioned-components/es/icon.js +17 -0
- package/dist/versioned-components/es/if-defined.js +11 -0
- package/dist/versioned-components/es/include.js +1 -0
- package/dist/versioned-components/es/include.styles.js +1 -0
- package/dist/versioned-components/es/library.js +1 -0
- package/dist/versioned-components/es/library.system.js +1 -0
- package/dist/versioned-components/es/link.js +1 -0
- package/dist/versioned-components/es/lit-element.js +23 -0
- package/dist/versioned-components/es/request.js +1 -0
- package/dist/versioned-components/es/request2.js +1 -0
- package/dist/versioned-components/es/solid-components.js +1 -0
- package/dist/versioned-components/es/solid-element.js +21 -0
- package/dist/versioned-components/es/spinner.js +1 -0
- package/dist/versioned-components/es/state.js +6 -0
- package/dist/versioned-components/es/watch.js +1 -0
- package/dist/versioned-package/components/button/button.d.ts +48 -0
- package/dist/versioned-package/components/button/button.js +391 -0
- package/dist/versioned-package/components/icon/icon.d.ts +22 -0
- package/dist/versioned-package/components/icon/icon.js +129 -0
- package/dist/versioned-package/components/icon/library.d.ts +16 -0
- package/dist/versioned-package/components/icon/library.js +17 -0
- package/dist/versioned-package/components/icon/library.system.d.ts +7 -0
- package/dist/versioned-package/components/icon/library.system.js +26 -0
- package/dist/versioned-package/components/icon/request.d.ts +11 -0
- package/dist/versioned-package/components/icon/request.js +24 -0
- package/dist/versioned-package/components/include/include.d.ts +16 -0
- package/dist/versioned-package/components/include/include.js +72 -0
- package/dist/versioned-package/components/include/include.styles.d.ts +2 -0
- package/dist/versioned-package/components/include/include.styles.js +6 -0
- package/dist/versioned-package/components/include/request.d.ts +7 -0
- package/dist/versioned-package/components/include/request.js +18 -0
- package/dist/versioned-package/components/link/link.d.ts +22 -0
- package/dist/versioned-package/components/link/link.js +107 -0
- package/dist/versioned-package/components/spinner/spinner.d.ts +12 -0
- package/dist/versioned-package/components/spinner/spinner.js +46 -0
- package/dist/versioned-package/internal/form.d.ts +35 -0
- package/dist/versioned-package/internal/form.js +212 -0
- package/dist/versioned-package/internal/slot.d.ts +14 -0
- package/dist/versioned-package/internal/slot.js +47 -0
- package/dist/versioned-package/internal/solid-element.d.ts +26 -0
- package/dist/versioned-package/internal/solid-element.js +38 -0
- package/dist/versioned-package/internal/watch.d.ts +11 -0
- package/dist/versioned-package/internal/watch.js +28 -0
- package/dist/versioned-package/node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js +103 -0
- package/dist/versioned-package/solid-components.d.ts +6 -0
- package/dist/versioned-package/solid-components.js +14 -0
- package/dist/versioned-package/styles/component.styles.d.ts +2 -0
- package/dist/versioned-package/styles/component.styles.js +5 -0
- package/dist/versioned-package/styles/tailwind.css.js +4 -0
- package/dist/versioned-package/translations/en.d.ts +3 -0
- package/dist/versioned-package/translations/en.js +31 -0
- package/dist/versioned-package/utilities/localize.d.ts +25 -0
- package/dist/versioned-package/utilities/localize.js +7 -0
- package/dist/vscode.html-custom-data.json +661 -0
- package/dist/web-types.json +1449 -0
- package/package.json +185 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
2
|
+
export declare class HasSlotController implements ReactiveController {
|
|
3
|
+
host: ReactiveControllerHost & Element;
|
|
4
|
+
slotNames: string[];
|
|
5
|
+
constructor(host: ReactiveControllerHost & Element, ...slotNames: string[]);
|
|
6
|
+
private hasDefaultSlot;
|
|
7
|
+
private hasNamedSlot;
|
|
8
|
+
test(slotName: string): boolean;
|
|
9
|
+
hostConnected(): void;
|
|
10
|
+
hostDisconnected(): void;
|
|
11
|
+
handleSlotChange(event: Event): void;
|
|
12
|
+
}
|
|
13
|
+
export declare function getInnerHTML(slot: HTMLSlotElement): string;
|
|
14
|
+
export declare function getTextContent(slot: HTMLSlotElement | undefined | null): string;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
class HasSlotController {
|
|
2
|
+
constructor(host, ...slotNames) {
|
|
3
|
+
this.slotNames = [];
|
|
4
|
+
(this.host = host).addController(this);
|
|
5
|
+
this.slotNames = slotNames;
|
|
6
|
+
this.handleSlotChange = this.handleSlotChange.bind(this);
|
|
7
|
+
}
|
|
8
|
+
hasDefaultSlot() {
|
|
9
|
+
return [...this.host.childNodes].some((node) => {
|
|
10
|
+
if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
|
|
11
|
+
return true;
|
|
12
|
+
}
|
|
13
|
+
if (node.nodeType === node.ELEMENT_NODE) {
|
|
14
|
+
const el = node;
|
|
15
|
+
const tagName = el.tagName.toLowerCase();
|
|
16
|
+
if (tagName === "sd-visually-hidden") {
|
|
17
|
+
return false;
|
|
18
|
+
}
|
|
19
|
+
if (!el.hasAttribute("slot")) {
|
|
20
|
+
return true;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
return false;
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
hasNamedSlot(name) {
|
|
27
|
+
return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
|
|
28
|
+
}
|
|
29
|
+
test(slotName) {
|
|
30
|
+
return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
|
|
31
|
+
}
|
|
32
|
+
hostConnected() {
|
|
33
|
+
this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
|
|
34
|
+
}
|
|
35
|
+
hostDisconnected() {
|
|
36
|
+
this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
|
|
37
|
+
}
|
|
38
|
+
handleSlotChange(event) {
|
|
39
|
+
const slot = event.target;
|
|
40
|
+
if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
|
|
41
|
+
this.host.requestUpdate();
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
export {
|
|
46
|
+
HasSlotController
|
|
47
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import type { CSSResultGroup } from 'lit';
|
|
3
|
+
export default class SolidElement extends LitElement {
|
|
4
|
+
dir: string;
|
|
5
|
+
lang: string;
|
|
6
|
+
static styles: CSSResultGroup;
|
|
7
|
+
emit(name: string, options?: CustomEventInit): CustomEvent<any>;
|
|
8
|
+
}
|
|
9
|
+
export interface SolidFormControl extends SolidElement {
|
|
10
|
+
name: string;
|
|
11
|
+
value: unknown;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
defaultValue?: unknown;
|
|
14
|
+
defaultChecked?: boolean;
|
|
15
|
+
form?: string;
|
|
16
|
+
pattern?: string;
|
|
17
|
+
min?: number | Date;
|
|
18
|
+
max?: number | Date;
|
|
19
|
+
step?: number | 'any';
|
|
20
|
+
required?: boolean;
|
|
21
|
+
minlength?: number;
|
|
22
|
+
maxlength?: number;
|
|
23
|
+
checkValidity: () => boolean;
|
|
24
|
+
reportValidity: () => boolean;
|
|
25
|
+
setCustomValidity: (message: string) => void;
|
|
26
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { unsafeCSS, LitElement } from "lit";
|
|
2
|
+
import { property } from "lit/decorators.js";
|
|
3
|
+
import tailwind from "../styles/tailwind.css.js";
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
8
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
9
|
+
if (decorator = decorators[i])
|
|
10
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
11
|
+
if (kind && result)
|
|
12
|
+
__defProp(target, key, result);
|
|
13
|
+
return result;
|
|
14
|
+
};
|
|
15
|
+
class SolidElement extends LitElement {
|
|
16
|
+
/** Emits a custom event with more convenient defaults. */
|
|
17
|
+
emit(name, options) {
|
|
18
|
+
const event = new CustomEvent(name, {
|
|
19
|
+
bubbles: true,
|
|
20
|
+
cancelable: false,
|
|
21
|
+
composed: true,
|
|
22
|
+
detail: {},
|
|
23
|
+
...options
|
|
24
|
+
});
|
|
25
|
+
this.dispatchEvent(event);
|
|
26
|
+
return event;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
SolidElement.styles = unsafeCSS(tailwind);
|
|
30
|
+
__decorateClass([
|
|
31
|
+
property()
|
|
32
|
+
], SolidElement.prototype, "dir", 2);
|
|
33
|
+
__decorateClass([
|
|
34
|
+
property()
|
|
35
|
+
], SolidElement.prototype, "lang", 2);
|
|
36
|
+
export {
|
|
37
|
+
SolidElement as default
|
|
38
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { LitElement } from 'lit';
|
|
2
|
+
type UpdateHandler = (prev?: unknown, next?: unknown) => void;
|
|
3
|
+
type NonUndefined<A> = A extends undefined ? never : A;
|
|
4
|
+
type UpdateHandlerFunctionKeys<T extends object> = {
|
|
5
|
+
[K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;
|
|
6
|
+
}[keyof T];
|
|
7
|
+
interface WatchOptions {
|
|
8
|
+
waitUntilFirstUpdate?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function watch(propertyName: string | string[], options?: WatchOptions): <ElemClass extends LitElement>(proto: ElemClass, decoratedFnName: UpdateHandlerFunctionKeys<ElemClass>) => void;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
function watch(propertyName, options) {
|
|
2
|
+
const resolvedOptions = {
|
|
3
|
+
waitUntilFirstUpdate: false,
|
|
4
|
+
...options
|
|
5
|
+
};
|
|
6
|
+
return (proto, decoratedFnName) => {
|
|
7
|
+
const { update } = proto;
|
|
8
|
+
const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
|
|
9
|
+
proto.update = function(changedProps) {
|
|
10
|
+
watchedProperties.forEach((property) => {
|
|
11
|
+
const key = property;
|
|
12
|
+
if (changedProps.has(key)) {
|
|
13
|
+
const oldValue = changedProps.get(key);
|
|
14
|
+
const newValue = this[key];
|
|
15
|
+
if (oldValue !== newValue) {
|
|
16
|
+
if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
|
|
17
|
+
this[decoratedFnName](oldValue, newValue);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
update.call(this, changedProps);
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
export {
|
|
27
|
+
watch
|
|
28
|
+
};
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
const connectedElements = /* @__PURE__ */ new Set();
|
|
2
|
+
const documentElementObserver = new MutationObserver(update);
|
|
3
|
+
const translations = /* @__PURE__ */ new Map();
|
|
4
|
+
let documentDirection = document.documentElement.dir || "ltr";
|
|
5
|
+
let documentLanguage = document.documentElement.lang || navigator.language;
|
|
6
|
+
let fallback;
|
|
7
|
+
documentElementObserver.observe(document.documentElement, {
|
|
8
|
+
attributes: true,
|
|
9
|
+
attributeFilter: ["dir", "lang"]
|
|
10
|
+
});
|
|
11
|
+
function registerTranslation(...translation) {
|
|
12
|
+
translation.map((t) => {
|
|
13
|
+
const code = t.$code.toLowerCase();
|
|
14
|
+
if (translations.has(code)) {
|
|
15
|
+
translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t));
|
|
16
|
+
} else {
|
|
17
|
+
translations.set(code, t);
|
|
18
|
+
}
|
|
19
|
+
if (!fallback) {
|
|
20
|
+
fallback = t;
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
update();
|
|
24
|
+
}
|
|
25
|
+
function update() {
|
|
26
|
+
documentDirection = document.documentElement.dir || "ltr";
|
|
27
|
+
documentLanguage = document.documentElement.lang || navigator.language;
|
|
28
|
+
[...connectedElements.keys()].map((el) => {
|
|
29
|
+
if (typeof el.requestUpdate === "function") {
|
|
30
|
+
el.requestUpdate();
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
let LocalizeController$1 = class LocalizeController {
|
|
35
|
+
constructor(host) {
|
|
36
|
+
this.host = host;
|
|
37
|
+
this.host.addController(this);
|
|
38
|
+
}
|
|
39
|
+
hostConnected() {
|
|
40
|
+
connectedElements.add(this.host);
|
|
41
|
+
}
|
|
42
|
+
hostDisconnected() {
|
|
43
|
+
connectedElements.delete(this.host);
|
|
44
|
+
}
|
|
45
|
+
dir() {
|
|
46
|
+
return `${this.host.dir || documentDirection}`.toLowerCase();
|
|
47
|
+
}
|
|
48
|
+
lang() {
|
|
49
|
+
return `${this.host.lang || documentLanguage}`.toLowerCase();
|
|
50
|
+
}
|
|
51
|
+
getTranslationData(lang) {
|
|
52
|
+
var _a, _b;
|
|
53
|
+
const locale = new Intl.Locale(lang);
|
|
54
|
+
const language = locale === null || locale === void 0 ? void 0 : locale.language.toLowerCase();
|
|
55
|
+
const region = (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.region) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : "";
|
|
56
|
+
const primary = translations.get(`${language}-${region}`);
|
|
57
|
+
const secondary = translations.get(language);
|
|
58
|
+
return { locale, language, region, primary, secondary };
|
|
59
|
+
}
|
|
60
|
+
exists(key, options) {
|
|
61
|
+
var _a;
|
|
62
|
+
const { primary, secondary } = this.getTranslationData((_a = options.lang) !== null && _a !== void 0 ? _a : this.lang());
|
|
63
|
+
options = Object.assign({ includeFallback: false }, options);
|
|
64
|
+
if (primary && primary[key] || secondary && secondary[key] || options.includeFallback && fallback && fallback[key]) {
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
return false;
|
|
68
|
+
}
|
|
69
|
+
term(key, ...args) {
|
|
70
|
+
const { primary, secondary } = this.getTranslationData(this.lang());
|
|
71
|
+
let term;
|
|
72
|
+
if (primary && primary[key]) {
|
|
73
|
+
term = primary[key];
|
|
74
|
+
} else if (secondary && secondary[key]) {
|
|
75
|
+
term = secondary[key];
|
|
76
|
+
} else if (fallback && fallback[key]) {
|
|
77
|
+
term = fallback[key];
|
|
78
|
+
} else {
|
|
79
|
+
console.error(`No translation found for: ${String(key)}`);
|
|
80
|
+
return String(key);
|
|
81
|
+
}
|
|
82
|
+
if (typeof term === "function") {
|
|
83
|
+
return term(...args);
|
|
84
|
+
}
|
|
85
|
+
return term;
|
|
86
|
+
}
|
|
87
|
+
date(dateToFormat, options) {
|
|
88
|
+
dateToFormat = new Date(dateToFormat);
|
|
89
|
+
return new Intl.DateTimeFormat(this.lang(), options).format(dateToFormat);
|
|
90
|
+
}
|
|
91
|
+
number(numberToFormat, options) {
|
|
92
|
+
numberToFormat = Number(numberToFormat);
|
|
93
|
+
return isNaN(numberToFormat) ? "" : new Intl.NumberFormat(this.lang(), options).format(numberToFormat);
|
|
94
|
+
}
|
|
95
|
+
relativeTime(value, unit, options) {
|
|
96
|
+
return new Intl.RelativeTimeFormat(this.lang(), options).format(value, unit);
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
export {
|
|
100
|
+
LocalizeController$1 as LocalizeController,
|
|
101
|
+
registerTranslation,
|
|
102
|
+
update
|
|
103
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as SdButton } from './components/button/button';
|
|
2
|
+
export { default as SdIcon } from './components/icon/icon';
|
|
3
|
+
export { default as SdInclude } from './components/include/include';
|
|
4
|
+
export { default as SdLink } from './components/link/link';
|
|
5
|
+
export { default as SdSpinner } from './components/spinner/spinner';
|
|
6
|
+
export * from './utilities/localize';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as default2 } from "./components/button/button.js";
|
|
2
|
+
import { default as default3 } from "./components/icon/icon.js";
|
|
3
|
+
import { default as default4 } from "./components/include/include.js";
|
|
4
|
+
import { default as default5 } from "./components/link/link.js";
|
|
5
|
+
import { default as default6 } from "./components/spinner/spinner.js";
|
|
6
|
+
import { LocalizeController } from "./utilities/localize.js";
|
|
7
|
+
export {
|
|
8
|
+
LocalizeController,
|
|
9
|
+
default2 as SdButton,
|
|
10
|
+
default3 as SdIcon,
|
|
11
|
+
default4 as SdInclude,
|
|
12
|
+
default5 as SdLink,
|
|
13
|
+
default6 as SdSpinner
|
|
14
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const tailwind = '/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.ml-1{margin-left:var(--sd-spacing-1,.25rem)}.ml-2{margin-left:var(--sd-spacing-2,.5rem)}.ml-\\[0\\.25em\\]{margin-left:.25em}.ml-\\[0\\.5em\\]{margin-left:.5em}.mr-1{margin-right:var(--sd-spacing-1,.25rem)}.mr-2{margin-right:var(--sd-spacing-2,.5rem)}.mr-\\[0\\.25em\\]{margin-right:.25em}.mr-\\[0\\.5em\\]{margin-right:.5em}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-varspacing{height:var(--tw-varspacing)}.w-full{width:100%}.w-varspacing{width:var(--tw-varspacing)}.flex-auto{flex:1 1 auto}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:var(--sd-border-radius-md,.375rem)}.border{border-width:1px}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,67 176 42)/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity))}.px-0{padding-left:var(--sd-spacing-0,0);padding-right:var(--sd-spacing-0,0)}.px-4{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.align-middle{vertical-align:middle}.text-base{font-size:var(--sd-font-size-base,1rem)}.text-sm{font-size:var(--sd-font-size-sm,.875rem)}.leading-\\[calc\\(var\\(--tw-varspacing\\)-2px\\)\\]{line-height:calc(var(--tw-varspacing) - 2px)}.text-neutral-500{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.opacity-20{opacity:var(--sd-opacity-20,.2)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.varspacing-10{--tw-varspacing:var(--sd-spacing-10,2.5rem)}.varspacing-12{--tw-varspacing:var(--sd-spacing-12,3rem)}.varspacing-8{--tw-varspacing:var(--sd-spacing-8,2rem)}.focus-visible\\:focus-outline:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline-inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.disabled\\:border-neutral-500:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity))}.disabled\\:border-neutral-600:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity))}.disabled\\:bg-neutral-500:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity))}.disabled\\:bg-neutral-600:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-bg-opacity))}.disabled\\:text-neutral-500:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.disabled\\:text-neutral-600:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.disabled\\:text-white:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.hover\\:border-primary-100:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-border-opacity))}.hover\\:border-primary-500:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity))}.hover\\:bg-accent-300:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-300,108 194 84)/var(--tw-bg-opacity))}.hover\\:bg-primary-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity))}.hover\\:bg-primary-500:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity))}.hover\\:text-primary-100:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-text-opacity))}.hover\\:text-primary-200:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.hover\\:text-primary-500:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity))}.active\\:border-primary-200:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-border-opacity))}.active\\:border-primary-800:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-border-opacity))}.active\\:bg-accent-500:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-500,66 147 50)/var(--tw-bg-opacity))}.active\\:bg-primary-200:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity))}.active\\:bg-primary-800:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-bg-opacity))}.active\\:text-primary-200:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.active\\:text-primary-400:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity))}.active\\:text-primary-800:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity))}';
|
|
2
|
+
export {
|
|
3
|
+
tailwind as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { registerTranslation } from "../node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js";
|
|
2
|
+
const translation = {
|
|
3
|
+
$code: "en",
|
|
4
|
+
$name: "English",
|
|
5
|
+
$dir: "ltr",
|
|
6
|
+
clearEntry: "Clear entry",
|
|
7
|
+
close: "Close",
|
|
8
|
+
copy: "Copy",
|
|
9
|
+
numOptionsSelected: (num) => {
|
|
10
|
+
if (num === 0)
|
|
11
|
+
return "No options selected";
|
|
12
|
+
if (num === 1)
|
|
13
|
+
return "1 option selected";
|
|
14
|
+
return `${num} options selected`;
|
|
15
|
+
},
|
|
16
|
+
currentValue: "Current value",
|
|
17
|
+
hidePassword: "Hide password",
|
|
18
|
+
loading: "Loading",
|
|
19
|
+
progress: "Progress",
|
|
20
|
+
remove: "Remove",
|
|
21
|
+
resize: "Resize",
|
|
22
|
+
scrollToEnd: "Scroll to end",
|
|
23
|
+
scrollToStart: "Scroll to start",
|
|
24
|
+
selectAColorFromTheScreen: "Select a color from the screen",
|
|
25
|
+
showPassword: "Show password",
|
|
26
|
+
toggleColorFormat: "Toggle color format"
|
|
27
|
+
};
|
|
28
|
+
registerTranslation(translation);
|
|
29
|
+
export {
|
|
30
|
+
translation as default
|
|
31
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import '../translations/en';
|
|
2
|
+
import { LocalizeController as DefaultLocalizationController } from '@shoelace-style/localize';
|
|
3
|
+
import type { Translation as DefaultTranslation } from '@shoelace-style/localize';
|
|
4
|
+
export declare class LocalizeController extends DefaultLocalizationController<Translation> {
|
|
5
|
+
}
|
|
6
|
+
export interface Translation extends DefaultTranslation {
|
|
7
|
+
$code: string;
|
|
8
|
+
$name: string;
|
|
9
|
+
$dir: 'ltr' | 'rtl';
|
|
10
|
+
clearEntry: string;
|
|
11
|
+
close: string;
|
|
12
|
+
copy: string;
|
|
13
|
+
numOptionsSelected: (num: number) => string;
|
|
14
|
+
currentValue: string;
|
|
15
|
+
hidePassword: string;
|
|
16
|
+
loading: string;
|
|
17
|
+
progress: string;
|
|
18
|
+
remove: string;
|
|
19
|
+
resize: string;
|
|
20
|
+
scrollToEnd: string;
|
|
21
|
+
scrollToStart: string;
|
|
22
|
+
selectAColorFromTheScreen: string;
|
|
23
|
+
showPassword: string;
|
|
24
|
+
toggleColorFormat: string;
|
|
25
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "../translations/en.js";
|
|
2
|
+
import { LocalizeController as LocalizeController$1 } from "../node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js";
|
|
3
|
+
class LocalizeController extends LocalizeController$1 {
|
|
4
|
+
}
|
|
5
|
+
export {
|
|
6
|
+
LocalizeController
|
|
7
|
+
};
|