// src/app/piying/page/component/non-field-control/radial-progress/example/all-props/content.ts
import * as v from 'valibot';
import { actions, NFCSchema } from '@piying/view-angular-core';
import { safeDefine } from '@@piying-define';
export default v.pipe(
v.tuple([
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [
actions.inputs.patch({
value: 0.9,
strokeWidth: '6px',
}),
];
}),
),
]),
actions.wrappers.patch(['div']),
actions.class.top('flex gap-4'),
);
// src/app/piying/page/component/non-field-control/radial-progress/example/base/content.ts
import * as v from 'valibot';
import { actions, NFCSchema } from '@piying/view-angular-core';
import { safeDefine } from '@@piying-define';
export default v.pipe(
v.tuple([
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [actions.inputs.patch({ value: 0.5 })];
}),
),
]),
actions.wrappers.patch(['div']),
actions.class.top('flex gap-4'),
);
// src/app/piying/page/component/non-field-control/radial-progress/example/stroke-width/content.ts
import * as v from 'valibot';
import { actions, NFCSchema } from '@piying/view-angular-core';
import { safeDefine } from '@@piying-define';
export default v.pipe(
v.tuple([
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [actions.inputs.patch({ value: 0.75, strokeWidth: '4px' })];
}),
),
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [actions.inputs.patch({ value: 0.75, strokeWidth: '8px' })];
}),
),
]),
actions.wrappers.patch(['div']),
actions.class.top('flex gap-4'),
);
// src/app/piying/page/component/non-field-control/radial-progress/example/value/content.ts
import * as v from 'valibot';
import { actions, NFCSchema } from '@piying/view-angular-core';
import { safeDefine } from '@@piying-define';
export default v.pipe(
v.tuple([
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [actions.inputs.patch({ value: 0.25 })];
}),
),
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [actions.inputs.patch({ value: 0.5 })];
}),
),
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [actions.inputs.patch({ value: 0.75 })];
}),
),
v.pipe(
NFCSchema,
safeDefine.setComponent('radial-progress', (actions) => {
return [actions.inputs.patch({ value: 1 })];
}),
),
]),
actions.wrappers.patch(['div']),
actions.class.top('flex gap-4 flex-wrap'),
);