@skyloft/windvane 0.1.20 → 0.1.22

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.
@@ -1,5 +1,6 @@
1
1
  interface Props {
2
2
  id?: string;
3
+ autofocus?: boolean;
3
4
  modelValue?: string | number | null;
4
5
  label?: string;
5
6
  inputClass?: string;
package/dist/global.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Badge, Button, ButtonToggle, Card, Checkbox, Date, Dialog, EllipsisText, ExpansionItem, Fab, FabAction, Header, Icon, Input, MathOperationButtons, NavMenu, PullToRefresh, ScrollArea, Select, SlideItem, Spinner, Stepper, StepperStep, Tab, Tabs, Tooltip, TouchNumberInput, TransitionGroupFadeSlide, Skeleton, Confetti } from './index';
1
+ import { Badge, Button, ButtonToggle, Card, Checkbox, Date, Dialog, EllipsisText, ExpansionItem, Fab, FabAction, Form, Header, Icon, Input, MathOperationButtons, NavMenu, PullToRefresh, ScrollArea, Select, SlideItem, Spinner, Stepper, StepperStep, Tab, Tabs, Tooltip, TouchNumberInput, TransitionGroupFadeSlide, Skeleton, Confetti } from './index';
2
2
  declare module 'vue' {
3
3
  interface GlobalComponents {
4
4
  Badge: typeof Badge;
@@ -31,6 +31,7 @@ declare module 'vue' {
31
31
  TransitionGroupFadeSlide: typeof TransitionGroupFadeSlide;
32
32
  Skeleton: typeof Skeleton;
33
33
  Confetti: typeof Confetti;
34
+ Form: typeof Form;
34
35
  }
35
36
  }
36
37
  export {};
package/dist/index.d.ts CHANGED
@@ -30,8 +30,9 @@ import { default as TransitionGroupFadeSlide } from './components/TransitionGrou
30
30
  import { default as Skeleton } from './components/Skeleton.vue';
31
31
  import { default as Confetti } from './components/Confetti.vue';
32
32
  import { default as Menu } from './components/Menu.vue';
33
+ import { default as Form } from './components/Form.vue';
33
34
  declare const Windvane: {
34
35
  install: (app: App) => void;
35
36
  };
36
37
  export default Windvane;
37
- export { Badge, Button, ButtonToggle, Card, Checkbox, Date, Dialog, EllipsisText, ExpansionItem, Fab, FabAction, Header, Icon, Input, MathOperationButtons, NavMenu, PullToRefresh, ScrollArea, Select, SlideItem, Spinner, Stepper, StepperStep, Tab, Tabs, Tooltip, TouchNumberInput, TransitionGroupFadeSlide, Skeleton, Confetti, Menu, };
38
+ export { Badge, Button, ButtonToggle, Card, Checkbox, Date, Dialog, EllipsisText, ExpansionItem, Fab, FabAction, Header, Icon, Input, MathOperationButtons, NavMenu, PullToRefresh, ScrollArea, Select, SlideItem, Spinner, Stepper, StepperStep, Tab, Tabs, Tooltip, TouchNumberInput, TransitionGroupFadeSlide, Skeleton, Confetti, Menu, Form, };
package/dist/windvane.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.fade-enter-active,.fade-leave-active{transition:all .15s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.grow-enter-active,.grow-leave-active{transition:all .15s ease-in-out}.grow-enter-from,.grow-leave-to{transform:scale(0)}.slideUp-enter-active,.slideUp-leave-active{transition:all .1s linear}.slideUp-enter-from,.slideUp-leave-to{transform:translateY(-20px);opacity:0}.fade-slide-vertical-enter-active,.fade-slide-enter-active{transition:all .2s ease-out;scale:1}.fade-slide-vertical-leave-active,.fade-slide-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1);scale:1}.fade-slide-vertical-enter-from,.fade-slide-vertical-leave-to{transform:translateY(var(--076b2232));opacity:0;scale:var(--55645492)}.fade-slide-enter-from,.fade-slide-leave-to{transform:translate(var(--076b2232));opacity:0;scale:var(--55645492)}header[data-v-2cc2bbc0]{padding-top:env(safe-area-inset-top)}.input-container.has-value .label[data-v-d3485cf7],.input-container:focus-within .label[data-v-d3485cf7]{font-size:.7em;top:2px}.label[data-v-d3485cf7]{font-size:1em}.shake-enter-active[data-v-d3485cf7]{animation:bounce-in-d3485cf7 .2s}.shake-leave-active[data-v-d3485cf7]{animation:bounce-in-d3485cf7 .2s reverse}@keyframes bounce-in-d3485cf7{0%{opacity:0;transform:translate(20px)}25%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0);opacity:1}}.custom-buttons[data-v-770dc23b]{transition:bottom .2s linear;position:fixed;bottom:0;left:0;width:100%;z-index:7500}.nav-menu[data-v-67b66d27]{padding-top:env(safe-area-inset-top)}.scroll-area[data-v-362f4fec]{overflow-y:auto;--sb-color: transparent}.scroll-area[data-v-362f4fec]:hover{--sb-color: rgba(0, 0, 0, .2)}.body--dark .scroll-area[data-v-362f4fec]:hover{--sb-color: rgba(255, 255, 255, .2)}.scroll-area[data-v-362f4fec]::-webkit-scrollbar,.scroll-area[data-v-362f4fec]::-webkit-scrollbar-thumb{background-color:var(--sb-color)}.scroll-area[data-v-362f4fec]:hover::-webkit-scrollbar-corner,.scroll-area[data-v-362f4fec]:hover::-webkit-scrollbar-track,.scroll-area[data-v-362f4fec]:hover::-webkit-scrollbar-track-piece{background-color:#0000}.input-container.has-value .label[data-v-644f04db],.input-container:focus-within .label[data-v-644f04db]{font-size:.7em;top:2px}.label[data-v-644f04db]{font-size:1em}.the-spinner[data-v-78472dcf]{transform-origin:center;animation:spinner-78472dcf .75s infinite linear}@keyframes spinner-78472dcf{to{transform:rotate(360deg)}}.container[data-v-8cc8e881]{height:80px}.buttons.top[data-v-8cc8e881]{border-bottom:none}.buttons.bottom.left[data-v-8cc8e881]{border-radius:4px 0 0 4px}.buttons.bottom.right[data-v-8cc8e881]{border-radius:0 4px 4px 0}.buttons.top.left[data-v-8cc8e881]{border-radius:0 0 0 4px}.buttons.top.right[data-v-8cc8e881]{border-radius:0 0 4px}.button[data-v-8cc8e881]{position:relative;width:40px;cursor:pointer}.button[data-v-8cc8e881]:hover{border:1px solid blue}.button[data-v-8cc8e881]:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00f;opacity:.1;border-radius:4px}.input[data-v-8cc8e881]{height:80px;flex-grow:1}.input[data-v-8cc8e881] *{font-size:42px}.skeleton[data-v-0f86ef59]{height:1.5em;width:100%;border-radius:4px;overflow:hidden;position:relative;cursor:wait;background:color-mix(in srgb,currentColor 5%,transparent)}.skeleton .wave[data-v-0f86ef59]{position:absolute;height:100%;width:100%;background:linear-gradient(90deg,color-mix(in srgb,currentColor 0%,transparent),color-mix(in srgb,currentColor 10%,transparent),color-mix(in srgb,currentColor 0%,transparent));animation:wave-0f86ef59 1.5s infinite;animation-timing-function:linear}@keyframes wave-0f86ef59{0%{transform:translate(-100%)}to{transform:translate(100%)}}canvas[data-v-1d48d404]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}@position-try --custom-left{position-area:left;width:100px;margin-right:10px}@position-try --custom-bottom{top:anchor(bottom);justify-self:anchor-center;margin-top:10px;position-area:none}@position-try --custom-right{left:calc(anchor(right) + 10px);align-self:anchor-center;width:100px;position-area:none}@position-try --custom-bottom-right{position-area:bottom right;margin:10px 0 0 10px}.test[data-v-2abb9c75]{position:fixed;top:anchor(bottom);left:anchor(left);margin-top:5px;z-index:100;position-try-fallbacks:--below-right,--below-left}@position-try --below-right{inset:unset;top:anchor(bottom);left:anchor(left)}@position-try --below-left{inset:unset;top:anchor(bottom);right:anchor(right)}
1
+ @import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.fade-enter-active,.fade-leave-active{transition:all .15s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.grow-enter-active,.grow-leave-active{transition:all .15s ease-in-out}.grow-enter-from,.grow-leave-to{transform:scale(0)}.slideUp-enter-active,.slideUp-leave-active{transition:all .1s linear}.slideUp-enter-from,.slideUp-leave-to{transform:translateY(-20px);opacity:0}.fade-slide-vertical-enter-active,.fade-slide-enter-active{transition:all .2s ease-out;scale:1}.fade-slide-vertical-leave-active,.fade-slide-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1);scale:1}.fade-slide-vertical-enter-from,.fade-slide-vertical-leave-to{transform:translateY(var(--076b2232));opacity:0;scale:var(--55645492)}.fade-slide-enter-from,.fade-slide-leave-to{transform:translate(var(--076b2232));opacity:0;scale:var(--55645492)}header[data-v-2cc2bbc0]{padding-top:env(safe-area-inset-top)}.input-container.has-value .label[data-v-8a3f9347],.input-container:focus-within .label[data-v-8a3f9347]{font-size:.7em;top:2px}.label[data-v-8a3f9347]{font-size:1em}.shake-enter-active[data-v-8a3f9347]{animation:bounce-in-8a3f9347 .2s}.shake-leave-active[data-v-8a3f9347]{animation:bounce-in-8a3f9347 .2s reverse}@keyframes bounce-in-8a3f9347{0%{opacity:0;transform:translate(20px)}25%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0);opacity:1}}.custom-buttons[data-v-770dc23b]{transition:bottom .2s linear;position:fixed;bottom:0;left:0;width:100%;z-index:7500}.nav-menu[data-v-67b66d27]{padding-top:env(safe-area-inset-top)}.scroll-area[data-v-362f4fec]{overflow-y:auto;--sb-color: transparent}.scroll-area[data-v-362f4fec]:hover{--sb-color: rgba(0, 0, 0, .2)}.body--dark .scroll-area[data-v-362f4fec]:hover{--sb-color: rgba(255, 255, 255, .2)}.scroll-area[data-v-362f4fec]::-webkit-scrollbar,.scroll-area[data-v-362f4fec]::-webkit-scrollbar-thumb{background-color:var(--sb-color)}.scroll-area[data-v-362f4fec]:hover::-webkit-scrollbar-corner,.scroll-area[data-v-362f4fec]:hover::-webkit-scrollbar-track,.scroll-area[data-v-362f4fec]:hover::-webkit-scrollbar-track-piece{background-color:#0000}.input-container.has-value .label[data-v-644f04db],.input-container:focus-within .label[data-v-644f04db]{font-size:.7em;top:2px}.label[data-v-644f04db]{font-size:1em}.the-spinner[data-v-78472dcf]{transform-origin:center;animation:spinner-78472dcf .75s infinite linear}@keyframes spinner-78472dcf{to{transform:rotate(360deg)}}.container[data-v-8cc8e881]{height:80px}.buttons.top[data-v-8cc8e881]{border-bottom:none}.buttons.bottom.left[data-v-8cc8e881]{border-radius:4px 0 0 4px}.buttons.bottom.right[data-v-8cc8e881]{border-radius:0 4px 4px 0}.buttons.top.left[data-v-8cc8e881]{border-radius:0 0 0 4px}.buttons.top.right[data-v-8cc8e881]{border-radius:0 0 4px}.button[data-v-8cc8e881]{position:relative;width:40px;cursor:pointer}.button[data-v-8cc8e881]:hover{border:1px solid blue}.button[data-v-8cc8e881]:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00f;opacity:.1;border-radius:4px}.input[data-v-8cc8e881]{height:80px;flex-grow:1}.input[data-v-8cc8e881] *{font-size:42px}.skeleton[data-v-0f86ef59]{height:1.5em;width:100%;border-radius:4px;overflow:hidden;position:relative;cursor:wait;background:color-mix(in srgb,currentColor 5%,transparent)}.skeleton .wave[data-v-0f86ef59]{position:absolute;height:100%;width:100%;background:linear-gradient(90deg,color-mix(in srgb,currentColor 0%,transparent),color-mix(in srgb,currentColor 10%,transparent),color-mix(in srgb,currentColor 0%,transparent));animation:wave-0f86ef59 1.5s infinite;animation-timing-function:linear}@keyframes wave-0f86ef59{0%{transform:translate(-100%)}to{transform:translate(100%)}}canvas[data-v-1d48d404]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}@position-try --custom-left{position-area:left;width:100px;margin-right:10px}@position-try --custom-bottom{top:anchor(bottom);justify-self:anchor-center;margin-top:10px;position-area:none}@position-try --custom-right{left:calc(anchor(right) + 10px);align-self:anchor-center;width:100px;position-area:none}@position-try --custom-bottom-right{position-area:bottom right;margin:10px 0 0 10px}.test[data-v-2abb9c75]{position:fixed;top:anchor(bottom);left:anchor(left);margin-top:5px;z-index:100;position-try-fallbacks:--below-right,--below-left}@position-try --below-right{inset:unset;top:anchor(bottom);left:anchor(left)}@position-try --below-left{inset:unset;top:anchor(bottom);right:anchor(right)}