File size: 1,299 Bytes
bc20498 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
import { makeElement, createElHelpers, omit, overridable, toWritableStores, } from '../../internal/helpers/index.js';
import { writable } from 'svelte/store';
const defaults = {
defaultValue: 0,
max: 100,
};
const { name } = createElHelpers('progress');
export const createProgress = (props) => {
const withDefaults = { ...defaults, ...props };
const options = toWritableStores(omit(withDefaults, 'value'));
const { max } = options;
const valueWritable = withDefaults.value ?? writable(withDefaults.defaultValue);
const value = overridable(valueWritable, withDefaults?.onValueChange);
const root = makeElement(name(), {
stores: [value, max],
returned: ([$value, $max]) => {
return {
value: $value,
max: $max,
role: 'meter',
'aria-valuemin': 0,
'aria-valuemax': $max,
'aria-valuenow': $value,
'data-value': $value,
'data-state': $value === null ? 'indeterminate' : $value === $max ? 'complete' : 'loading',
'data-max': $max,
};
},
});
return {
elements: {
root,
},
states: {
value,
},
options,
};
};
|