@vuetify/nightly 3.9.3-master.2025-07-30 → 3.9.3-master.2025-08-01

package/lib/labs/VColorInput/VColorInput.js

@@ -3,21 +3,32 @@ import { Fragment as _Fragment, createVNode as _createVNode, createElementVNode
 import "./VColorInput.css";
 
 // Components
+import { VAvatar } from "../../components/VAvatar/index.js";
 import { makeVColorPickerProps, VColorPicker } from "../../components/VColorPicker/VColorPicker.js";
 import { makeVConfirmEditProps, VConfirmEdit } from "../../components/VConfirmEdit/VConfirmEdit.js";
-import { VIcon } from "../../components/VIcon/VIcon.js";
 import { VMenu } from "../../components/VMenu/VMenu.js";
 import { makeVTextFieldProps, VTextField } from "../../components/VTextField/VTextField.js"; // Composables
 import { makeFocusProps } from "../../composables/focus.js";
 import { useProxiedModel } from "../../composables/proxiedModel.js"; // Utilities
 import { computed, shallowRef } from 'vue';
 import { genericComponent, omit, propsFactory, useRender } from "../../util/index.js"; // Types
+const availablePipLocations = ['prepend', 'prepend-inner', 'append', 'append-inner'];
 export const makeVColorInputProps = propsFactory({
-  pip: Boolean,
+  hidePip: Boolean,
+  colorPip: Boolean,
   pipIcon: {
     type: String,
     default: '$color'
   },
+  pipLocation: {
+    type: String,
+    default: 'prepend',
+    validator: v => availablePipLocations.includes(v)
+  },
+  pipVariant: {
+    type: String,
+    default: 'text'
+  },
   ...makeFocusProps(),
   ...makeVConfirmEditProps(),
   ...makeVTextFieldProps(),
@@ -61,8 +72,15 @@ export const VColorInput = genericComponent()({
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
       const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']));
-      const textFieldProps = VTextField.filterProps(omit(props, ['prependInnerIcon']));
-      const hasPrepend = !!(slots.prepend || props.pipIcon);
+      const textFieldProps = VTextField.filterProps(props);
+      const slotWithPip = props.hidePip ? undefined : {
+        [props.pipLocation]: arg => _createElementVNode(_Fragment, null, [_createVNode(VAvatar, {
+          "class": "v-color-input__pip",
+          "color": props.colorPip ? model.value : undefined,
+          "variant": props.pipVariant,
+          "icon": props.pipIcon
+        }, null), slots[props.pipLocation]?.(arg)])
+      };
       return _createVNode(VTextField, _mergeProps(textFieldProps, {
         "class": ['v-color-input', props.class],
         "style": props.style,
@@ -78,10 +96,7 @@ export const VColorInput = genericComponent()({
         }
       }), {
         ...slots,
-        prepend: props.pipIcon ? arg => _createElementVNode(_Fragment, null, [hasPrepend && _createVNode(VIcon, {
-          "color": props.pip ? model.value : undefined,
-          "icon": props.pipIcon
-        }, null), slots.prepend?.(arg)]) : undefined,
+        ...slotWithPip,
         default: () => _createElementVNode(_Fragment, null, [_createVNode(VMenu, {
           "modelValue": menu.value,
           "onUpdate:modelValue": $event => menu.value = $event,

package/lib/labs/VColorInput/VColorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"VColorInput.js","names":["makeVColorPickerProps","VColorPicker","makeVConfirmEditProps","VConfirmEdit","VIcon","VMenu","makeVTextFieldProps","VTextField","makeFocusProps","useProxiedModel","computed","shallowRef","genericComponent","omit","propsFactory","useRender","makeVColorInputProps","pip","Boolean","pipIcon","type","String","default","VColorInput","name","props","emits","val","setup","_ref","slots","model","menu","isFocused","focused","isInteractive","disabled","readonly","display","value","onKeydown","e","key","target","onClick","preventDefault","stopPropagation","onSave","onCancel","confirmEditProps","filterProps","colorPickerProps","textFieldProps","hasPrepend","prepend","_createVNode","_mergeProps","class","style","undefined","event","arg","_createElementVNode","_Fragment","$event","_ref2","actions","proxyModel","save","cancel","isPristine","onUpdateModel","hideActions"],"sources":["../../../src/labs/VColorInput/VColorInput.tsx"],"sourcesContent":["// Styles\nimport './VColorInput.sass'\n\n// Components\nimport { makeVColorPickerProps, VColorPicker } from '@/components/VColorPicker/VColorPicker'\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { VIcon } from '@/components/VIcon/VIcon'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { makeFocusProps } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VTextFieldSlots } from '@/components/VTextField/VTextField'\n\nexport type VColorInputActionsSlot = {\n  save: () => void\n  cancel: () => void\n  isPristine: boolean\n}\n\nexport type VColorInputSlots = Omit<VTextFieldSlots, 'default'> & {\n  actions: VColorInputActionsSlot\n  default: never\n}\n\nexport const makeVColorInputProps = propsFactory({\n  pip: Boolean,\n  pipIcon: {\n    type: String,\n    default: '$color',\n  },\n\n  ...makeFocusProps(),\n  ...makeVConfirmEditProps(),\n  ...makeVTextFieldProps(),\n  ...omit(makeVColorPickerProps(), ['width']),\n}, 'VColorInput')\n\nexport const VColorInput = genericComponent<VColorInputSlots>()({\n  name: 'VColorInput',\n\n  props: makeVColorInputProps(),\n\n  emits: {\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const menu = shallowRef(false)\n    const isFocused = shallowRef(props.focused)\n\n    const isInteractive = computed(() => !props.disabled && !props.readonly)\n\n    const display = computed(() => model.value || null)\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key !== 'Enter') return\n\n      if (!menu.value || !isFocused.value) {\n        menu.value = true\n\n        return\n      }\n\n      const target = e.target as HTMLInputElement\n\n      model.value = target.value\n    }\n\n    function onClick (e: MouseEvent) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      menu.value = true\n    }\n\n    function onSave () {\n      menu.value = false\n    }\n\n    function onCancel () {\n      menu.value = false\n    }\n\n    useRender(() => {\n      const confirmEditProps = VConfirmEdit.filterProps(props)\n      const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']))\n      const textFieldProps = VTextField.filterProps(omit(props, ['prependInnerIcon']))\n\n      const hasPrepend = !!(slots.prepend || props.pipIcon)\n\n      return (\n        <VTextField\n          { ...textFieldProps }\n          class={[\n            'v-color-input',\n            props.class,\n          ]}\n          style={ props.style }\n          modelValue={ display.value }\n          onKeydown={ isInteractive.value ? onKeydown : undefined }\n          focused={ menu.value || isFocused.value }\n          onClick:control={ isInteractive.value ? onClick : undefined }\n          onClick:prependInner={ isInteractive.value ? onClick : undefined }\n          onUpdate:focused={ event => isFocused.value = event }\n          onClick:appendInner={ isInteractive.value ? onClick : undefined }\n          onUpdate:modelValue={ val => {\n            model.value = val\n          }}\n        >\n          {{\n            ...slots,\n            prepend: props.pipIcon ? arg => (\n              <>\n               { hasPrepend && (\n                  <VIcon\n                    color={ props.pip ? model.value as string : undefined }\n                    icon={ props.pipIcon }\n                  />\n               )}\n\n                { slots.prepend?.(arg) }\n              </>\n            ) : undefined,\n            default: () => (\n              <>\n                <VMenu\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  minWidth=\"0\"\n                  closeOnContentClick={ false }\n                  openOnClick={ false }\n                >\n                  <VConfirmEdit\n                    { ...confirmEditProps }\n                    v-model={ model.value }\n                    onSave={ onSave }\n                    onCancel={ onCancel }\n                  >\n                    {{\n                      default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {\n                        function onUpdateModel (value: string) {\n                          if (!props.hideActions) {\n                            proxyModel.value = value\n                          } else {\n                            model.value = value\n                          }\n                        }\n\n                        return (\n                          <VColorPicker\n                            { ...colorPickerProps }\n                            modelValue={ props.hideActions ? model.value : proxyModel.value }\n                            onUpdate:modelValue={ value => onUpdateModel(value) }\n                            onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                          >\n                            {{\n                              actions: !props.hideActions ? () => slots.actions?.({ save, cancel, isPristine }) ?? actions() : undefined,\n                            }}\n                          </VColorPicker>\n                        )\n                      },\n                    }}\n                  </VConfirmEdit>\n                </VMenu>\n\n                { slots.default?.() }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n  },\n})\n\nexport type VColorInput = InstanceType<typeof VColorInput>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,qBAAqB,EAAEC,YAAY;AAAA,SACnCC,KAAK;AAAA,SACLC,KAAK;AAAA,SACLC,mBAAmB,EAAEC,UAAU,qDAExC;AAAA,SACSC,cAAc;AAAA,SACdC,eAAe,6CAExB;AACA,SAASC,QAAQ,EAAEC,UAAU,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAExD;AAcA,OAAO,MAAMC,oBAAoB,GAAGF,YAAY,CAAC;EAC/CG,GAAG,EAAEC,OAAO;EACZC,OAAO,EAAE;IACPC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGd,cAAc,CAAC,CAAC;EACnB,GAAGN,qBAAqB,CAAC,CAAC;EAC1B,GAAGI,mBAAmB,CAAC,CAAC;EACxB,GAAGO,IAAI,CAACb,qBAAqB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC;AAC5C,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,MAAMuB,WAAW,GAAGX,gBAAgB,CAAmB,CAAC,CAAC;EAC9DY,IAAI,EAAE,aAAa;EAEnBC,KAAK,EAAET,oBAAoB,CAAC,CAAC;EAE7BU,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAW,IAAK;EACxC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,KAAK,GAAGtB,eAAe,CAACgB,KAAK,EAAE,YAAY,CAAC;IAClD,MAAMO,IAAI,GAAGrB,UAAU,CAAC,KAAK,CAAC;IAC9B,MAAMsB,SAAS,GAAGtB,UAAU,CAACc,KAAK,CAACS,OAAO,CAAC;IAE3C,MAAMC,aAAa,GAAGzB,QAAQ,CAAC,MAAM,CAACe,KAAK,CAACW,QAAQ,IAAI,CAACX,KAAK,CAACY,QAAQ,CAAC;IAExE,MAAMC,OAAO,GAAG5B,QAAQ,CAAC,MAAMqB,KAAK,CAACQ,KAAK,IAAI,IAAI,CAAC;IAEnD,SAASC,SAASA,CAAEC,CAAgB,EAAE;MACpC,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MAEvB,IAAI,CAACV,IAAI,CAACO,KAAK,IAAI,CAACN,SAAS,CAACM,KAAK,EAAE;QACnCP,IAAI,CAACO,KAAK,GAAG,IAAI;QAEjB;MACF;MAEA,MAAMI,MAAM,GAAGF,CAAC,CAACE,MAA0B;MAE3CZ,KAAK,CAACQ,KAAK,GAAGI,MAAM,CAACJ,KAAK;IAC5B;IAEA,SAASK,OAAOA,CAAEH,CAAa,EAAE;MAC/BA,CAAC,CAACI,cAAc,CAAC,CAAC;MAClBJ,CAAC,CAACK,eAAe,CAAC,CAAC;MAEnBd,IAAI,CAACO,KAAK,GAAG,IAAI;IACnB;IAEA,SAASQ,MAAMA,CAAA,EAAI;MACjBf,IAAI,CAACO,KAAK,GAAG,KAAK;IACpB;IAEA,SAASS,QAAQA,CAAA,EAAI;MACnBhB,IAAI,CAACO,KAAK,GAAG,KAAK;IACpB;IAEAxB,SAAS,CAAC,MAAM;MACd,MAAMkC,gBAAgB,GAAG9C,YAAY,CAAC+C,WAAW,CAACzB,KAAK,CAAC;MACxD,MAAM0B,gBAAgB,GAAGlD,YAAY,CAACiD,WAAW,CAACrC,IAAI,CAACY,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;MACnF,MAAM2B,cAAc,GAAG7C,UAAU,CAAC2C,WAAW,CAACrC,IAAI,CAACY,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;MAEhF,MAAM4B,UAAU,GAAG,CAAC,EAAEvB,KAAK,CAACwB,OAAO,IAAI7B,KAAK,CAACN,OAAO,CAAC;MAErD,OAAAoC,YAAA,CAAAhD,UAAA,EAAAiD,WAAA,CAESJ,cAAc;QAAA,SACZ,CACL,eAAe,EACf3B,KAAK,CAACgC,KAAK,CACZ;QAAA,SACOhC,KAAK,CAACiC,KAAK;QAAA,cACNpB,OAAO,CAACC,KAAK;QAAA,aACdJ,aAAa,CAACI,KAAK,GAAGC,SAAS,GAAGmB,SAAS;QAAA,WAC7C3B,IAAI,CAACO,KAAK,IAAIN,SAAS,CAACM,KAAK;QAAA,mBACrBJ,aAAa,CAACI,KAAK,GAAGK,OAAO,GAAGe,SAAS;QAAA,wBACpCxB,aAAa,CAACI,KAAK,GAAGK,OAAO,GAAGe,SAAS;QAAA,oBAC7CC,KAAK,IAAI3B,SAAS,CAACM,KAAK,GAAGqB,KAAK;QAAA,uBAC7BzB,aAAa,CAACI,KAAK,GAAGK,OAAO,GAAGe,SAAS;QAAA,uBACzChC,GAAG,IAAI;UAC3BI,KAAK,CAACQ,KAAK,GAAGZ,GAAG;QACnB;MAAC;QAGC,GAAGG,KAAK;QACRwB,OAAO,EAAE7B,KAAK,CAACN,OAAO,GAAG0C,GAAG,IAAAC,mBAAA,CAAAC,SAAA,SAEvBV,UAAU,IAAAE,YAAA,CAAAnD,KAAA;UAAA,SAECqB,KAAK,CAACR,GAAG,GAAGc,KAAK,CAACQ,KAAK,GAAaoB,SAAS;UAAA,QAC9ClC,KAAK,CAACN;QAAO,QAExB,EAEEW,KAAK,CAACwB,OAAO,GAAGO,GAAG,CAAC,EAEzB,GAAGF,SAAS;QACbrC,OAAO,EAAEA,CAAA,KAAAwC,mBAAA,CAAAC,SAAA,SAAAR,YAAA,CAAAlD,KAAA;UAAA,cAGO2B,IAAI,CAACO,KAAK;UAAA,uBAAAyB,MAAA,IAAVhC,IAAI,CAACO,KAAK,GAAAyB,MAAA;UAAA;UAAA;UAAA,uBAGE,KAAK;UAAA,eACb;QAAK;UAAA1C,OAAA,EAAAA,CAAA,MAAAiC,YAAA,CAAApD,YAAA,EAAAqD,WAAA,CAGZP,gBAAgB;YAAA,cACXlB,KAAK,CAACQ,KAAK;YAAA,uBAAAyB,MAAA,IAAXjC,KAAK,CAACQ,KAAK,GAAAyB,MAAA;YAAA,UACZjB,MAAM;YAAA,YACJC;UAAQ;YAGjB1B,OAAO,EAAE2C,KAAA,IAA8D;cAAA,IAA7D;gBAAEC,OAAO;gBAAEnC,KAAK,EAAEoC,UAAU;gBAAEC,IAAI;gBAAEC,MAAM;gBAAEC;cAAW,CAAC,GAAAL,KAAA;cAChE,SAASM,aAAaA,CAAEhC,KAAa,EAAE;gBACrC,IAAI,CAACd,KAAK,CAAC+C,WAAW,EAAE;kBACtBL,UAAU,CAAC5B,KAAK,GAAGA,KAAK;gBAC1B,CAAC,MAAM;kBACLR,KAAK,CAACQ,KAAK,GAAGA,KAAK;gBACrB;cACF;cAEA,OAAAgB,YAAA,CAAAtD,YAAA,EAAAuD,WAAA,CAESL,gBAAgB;gBAAA,cACR1B,KAAK,CAAC+C,WAAW,GAAGzC,KAAK,CAACQ,KAAK,GAAG4B,UAAU,CAAC5B,KAAK;gBAAA,uBACzCA,KAAK,IAAIgC,aAAa,CAAChC,KAAK,CAAC;gBAAA,eACpCE,CAAa,IAAKA,CAAC,CAACI,cAAc,CAAC;cAAC;gBAGjDqB,OAAO,EAAE,CAACzC,KAAK,CAAC+C,WAAW,GAAG,MAAM1C,KAAK,CAACoC,OAAO,GAAG;kBAAEE,IAAI;kBAAEC,MAAM;kBAAEC;gBAAW,CAAC,CAAC,IAAIJ,OAAO,CAAC,CAAC,GAAGP;cAAS;YAIlH;UAAC;QAAA,IAKL7B,KAAK,CAACR,OAAO,GAAG,CAAC;MAEtB;IAIT,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VColorInput.js","names":["VAvatar","makeVColorPickerProps","VColorPicker","makeVConfirmEditProps","VConfirmEdit","VMenu","makeVTextFieldProps","VTextField","makeFocusProps","useProxiedModel","computed","shallowRef","genericComponent","omit","propsFactory","useRender","availablePipLocations","makeVColorInputProps","hidePip","Boolean","colorPip","pipIcon","type","String","default","pipLocation","validator","v","includes","pipVariant","VColorInput","name","props","emits","val","setup","_ref","slots","model","menu","isFocused","focused","isInteractive","disabled","readonly","display","value","onKeydown","e","key","target","onClick","preventDefault","stopPropagation","onSave","onCancel","confirmEditProps","filterProps","colorPickerProps","textFieldProps","slotWithPip","undefined","arg","_createElementVNode","_Fragment","_createVNode","_mergeProps","class","style","event","$event","_ref2","actions","proxyModel","save","cancel","isPristine","onUpdateModel","hideActions"],"sources":["../../../src/labs/VColorInput/VColorInput.tsx"],"sourcesContent":["// Styles\nimport './VColorInput.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { makeVColorPickerProps, VColorPicker } from '@/components/VColorPicker/VColorPicker'\nimport { makeVConfirmEditProps, VConfirmEdit } from '@/components/VConfirmEdit/VConfirmEdit'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { makeFocusProps } from '@/composables/focus'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VTextFieldSlots } from '@/components/VTextField/VTextField'\n\nexport type VColorInputActionsSlot = {\n  save: () => void\n  cancel: () => void\n  isPristine: boolean\n}\n\nexport type VColorInputSlots = Omit<VTextFieldSlots, 'default'> & {\n  actions: VColorInputActionsSlot\n  default: never\n}\n\nconst availablePipLocations = ['prepend', 'prepend-inner', 'append', 'append-inner'] as const\nexport type PipLocation = typeof availablePipLocations[number]\n\nexport const makeVColorInputProps = propsFactory({\n  hidePip: Boolean,\n  colorPip: Boolean,\n  pipIcon: {\n    type: String,\n    default: '$color',\n  },\n  pipLocation: {\n    type: String as PropType<PipLocation>,\n    default: 'prepend',\n    validator: (v: any) => availablePipLocations.includes(v),\n  },\n  pipVariant: {\n    type: String as PropType<VAvatar['$props']['variant']>,\n    default: 'text',\n  },\n\n  ...makeFocusProps(),\n  ...makeVConfirmEditProps(),\n  ...makeVTextFieldProps(),\n  ...omit(makeVColorPickerProps(), ['width']),\n}, 'VColorInput')\n\nexport const VColorInput = genericComponent<VColorInputSlots>()({\n  name: 'VColorInput',\n\n  props: makeVColorInputProps(),\n\n  emits: {\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const menu = shallowRef(false)\n    const isFocused = shallowRef(props.focused)\n\n    const isInteractive = computed(() => !props.disabled && !props.readonly)\n\n    const display = computed(() => model.value || null)\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key !== 'Enter') return\n\n      if (!menu.value || !isFocused.value) {\n        menu.value = true\n\n        return\n      }\n\n      const target = e.target as HTMLInputElement\n\n      model.value = target.value\n    }\n\n    function onClick (e: MouseEvent) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      menu.value = true\n    }\n\n    function onSave () {\n      menu.value = false\n    }\n\n    function onCancel () {\n      menu.value = false\n    }\n\n    useRender(() => {\n      const confirmEditProps = VConfirmEdit.filterProps(props)\n      const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']))\n      const textFieldProps = VTextField.filterProps(props)\n\n      const slotWithPip = props.hidePip\n        ? undefined\n        : {\n          [props.pipLocation]: (arg: any) => (\n            <>\n              <VAvatar\n                class=\"v-color-input__pip\"\n                color={ props.colorPip ? model.value as string : undefined }\n                variant={ props.pipVariant }\n                icon={ props.pipIcon }\n              />\n              { slots[props.pipLocation]?.(arg) }\n            </>\n          ),\n        }\n\n      return (\n        <VTextField\n          { ...textFieldProps }\n          class={[\n            'v-color-input',\n            props.class,\n          ]}\n          style={ props.style }\n          modelValue={ display.value }\n          onKeydown={ isInteractive.value ? onKeydown : undefined }\n          focused={ menu.value || isFocused.value }\n          onClick:control={ isInteractive.value ? onClick : undefined }\n          onClick:prependInner={ isInteractive.value ? onClick : undefined }\n          onUpdate:focused={ event => isFocused.value = event }\n          onClick:appendInner={ isInteractive.value ? onClick : undefined }\n          onUpdate:modelValue={ val => {\n            model.value = val\n          }}\n        >\n          {{\n            ...slots,\n            ...slotWithPip,\n            default: () => (\n              <>\n                <VMenu\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  minWidth=\"0\"\n                  closeOnContentClick={ false }\n                  openOnClick={ false }\n                >\n                  <VConfirmEdit\n                    { ...confirmEditProps }\n                    v-model={ model.value }\n                    onSave={ onSave }\n                    onCancel={ onCancel }\n                  >\n                    {{\n                      default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {\n                        function onUpdateModel (value: string) {\n                          if (!props.hideActions) {\n                            proxyModel.value = value\n                          } else {\n                            model.value = value\n                          }\n                        }\n\n                        return (\n                          <VColorPicker\n                            { ...colorPickerProps }\n                            modelValue={ props.hideActions ? model.value : proxyModel.value }\n                            onUpdate:modelValue={ value => onUpdateModel(value) }\n                            onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                          >\n                            {{\n                              actions: !props.hideActions ? () => slots.actions?.({ save, cancel, isPristine }) ?? actions() : undefined,\n                            }}\n                          </VColorPicker>\n                        )\n                      },\n                    }}\n                  </VConfirmEdit>\n                </VMenu>\n\n                { slots.default?.() }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n  },\n})\n\nexport type VColorInput = InstanceType<typeof VColorInput>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VColorInput/VColorInput.sass

@@ -5,3 +5,11 @@
   /* region INPUT */
   .v-color-input
     padding: 0
+
+    @at-root
+      @include tools.density('v-color-input.v-input', $color-input-pip-density) using ($modifier)
+        .v-color-input__pip
+          --v-avatar-height: #{$color-input-pip-avatar-size + $modifier}
+
+    .v-color-input__pip.v-avatar--variant-text
+      --v-avatar-height: min-content

package/lib/labs/VColorInput/_variables.scss

@@ -1,2 +1,4 @@
 // Defaults
 $color-input-pip-default-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
+$color-input-pip-avatar-size: 40px !default;
+$color-input-pip-density: ('default': 0, 'comfortable': -2, 'compact': -3) !default;

package/lib/labs/VVideo/VVideoControls.js

@@ -6,10 +6,10 @@ import { VDefaultsProvider } from "../../components/VDefaultsProvider/VDefaultsP
 import { VSpacer } from "../../components/VGrid/VSpacer.js";
 import { VSlider } from "../../components/VSlider/VSlider.js";
 import { VIconBtn } from "../VIconBtn/VIconBtn.js"; // Composables
-import { useLocale } from "../../composables/index.js";
 import { useBackgroundColor } from "../../composables/color.js";
 import { makeDensityProps, useDensity } from "../../composables/density.js";
 import { makeElevationProps, useElevation } from "../../composables/elevation.js";
+import { useLocale } from "../../composables/locale.js";
 import { useProxiedModel } from "../../composables/proxiedModel.js";
 import { makeThemeProps, provideTheme } from "../../composables/theme.js"; // Directives
 import vTooltip from "../../directives/tooltip/index.js"; // Utilities

package/lib/labs/VVideo/VVideoControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"VVideoControls.js","names":["VVideoVolume","VDefaultsProvider","VSpacer","VSlider","VIconBtn","useLocale","useBackgroundColor","makeDensityProps","useDensity","makeElevationProps","useElevation","useProxiedModel","makeThemeProps","provideTheme","vTooltip","computed","shallowRef","toRef","formatTime","genericComponent","propsFactory","useRender","allowedVariants","makeVVideoControlsProps","color","String","backgroundColor","trackColor","playing","Boolean","hidePlay","hideVolume","hideFullscreen","fullscreen","floating","splitTime","pills","detached","progress","type","Number","default","duration","volume","variant","validator","v","includes","volumeProps","Object","VVideoControls","name","directives","props","emits","val","skip","click:fullscreen","setup","_ref","emit","slots","t","themeClasses","current","currentTheme","densityClasses","elevationClasses","backgroundColorClasses","backgroundColorStyles","fallbackBackground","undefined","fallback","value","dark","lastVolume","currentTime","secondsElapsed","Math","round","elapsed","remaining","total","labels","playIconLocaleKey","volumeIconLocaleKey","inline","fullscreenIconLocaleKey","seek","playAction","volumeAction","fullscreenAction","play","pause","skipTo","toggleMuted","toggleFullscreen","sizes","innerDefaults","size","density","iconSize","thumbSize","hideDetails","regularBtnSize","playBtnSize","pillClasses","pillStyles","slotProps","_createElementVNode","_normalizeClass","_normalizeStyle","_createVNode","_Fragment","_withDirectives","onClick","prepend","_createTextVNode","thumb-label","append","_mergeProps"],"sources":["../../../src/labs/VVideo/VVideoControls.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Components\nimport { VVideoVolume } from './VVideoVolume'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider/VDefaultsProvider'\nimport { VSpacer } from '@/components/VGrid/VSpacer'\nimport { VSlider } from '@/components/VSlider/VSlider'\nimport { VIconBtn } from '@/labs/VIconBtn/VIconBtn'\n\n// Composables\nimport { useLocale } from '@/composables'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Directives\nimport vTooltip from '@/directives/tooltip'\n\n// Utilities\nimport { computed, shallowRef, toRef } from 'vue'\nimport { formatTime, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType, Ref } from 'vue'\n\nexport type VVideoControlsActionsSlot = {\n  play: () => void\n  pause: () => void\n  skipTo: (v: number) => void\n  volume: Ref<number>\n  playing: boolean\n  progress: number\n  toggleMuted: () => void\n  fullscreen: boolean\n  toggleFullscreen: () => void\n  labels: Record<string, string>\n}\n\nexport type VVideoControlsSlots = {\n  default: VVideoControlsActionsSlot\n  prepend: VVideoControlsActionsSlot\n  append: VVideoControlsActionsSlot\n}\n\nconst allowedVariants = ['hidden', 'default', 'tube', 'mini'] as const\nexport type VVideoControlsVariant = typeof allowedVariants[number]\n\nexport const makeVVideoControlsProps = propsFactory({\n  color: String,\n  backgroundColor: String,\n  trackColor: String,\n  playing: Boolean,\n  hidePlay: Boolean,\n  hideVolume: Boolean,\n  hideFullscreen: Boolean,\n  fullscreen: Boolean,\n  floating: Boolean,\n  splitTime: Boolean,\n  pills: Boolean,\n  detached: Boolean,\n  progress: {\n    type: Number,\n    default: 0,\n  },\n  duration: {\n    type: Number,\n    default: 0,\n  },\n  volume: [Number, String],\n  variant: {\n    type: String as PropType<VVideoControlsVariant>,\n    default: 'default',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n  volumeProps: Object as PropType<Pick<VVideoVolume['$props'], 'direction' | 'inline' | 'sliderProps' | 'menuProps'>>,\n\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeThemeProps(),\n}, 'VVideoControls')\n\nexport const VVideoControls = genericComponent<VVideoControlsSlots>()({\n  name: 'VVideoControls',\n\n  directives: { vTooltip: vTooltip as any },\n\n  props: makeVVideoControlsProps(),\n\n  emits: {\n    'update:playing': (val: boolean) => true,\n    'update:progress': (val: number) => true,\n    'update:volume': (val: number) => true,\n    skip: (val: number) => true,\n    'click:fullscreen': () => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n    const { themeClasses, current: currentTheme } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { elevationClasses } = useElevation(props)\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => {\n      const fallbackBackground = props.detached ? 'surface' : undefined\n      return props.backgroundColor ?? fallbackBackground\n    })\n\n    const trackColor = toRef(() => {\n      if (props.trackColor) {\n        return props.trackColor\n      }\n\n      const fallback = currentTheme.value.dark || !props.pills ? undefined : 'surface'\n      return (props.pills ? props.backgroundColor : props.color) ?? fallback\n    })\n\n    const playing = useProxiedModel(props, 'playing')\n    const progress = useProxiedModel(props, 'progress')\n    const volume = useProxiedModel(props, 'volume', 0, (v?: number | string) => Number(v ?? 0))\n    const lastVolume = shallowRef<number>()\n\n    const currentTime = computed(() => {\n      const secondsElapsed = Math.round(props.progress / 100 * props.duration)\n      return {\n        elapsed: formatTime(secondsElapsed),\n        remaining: formatTime(props.duration - secondsElapsed),\n        total: formatTime(props.duration),\n      }\n    })\n\n    const labels = computed(() => {\n      const playIconLocaleKey = playing.value ? 'pause' : 'play'\n      const volumeIconLocaleKey = props.volumeProps?.inline ? (volume.value ? 'mute' : 'unmute') : 'showVolume'\n      const fullscreenIconLocaleKey = props.fullscreen ? 'exitFullscreen' : 'enterFullscreen'\n      return {\n        seek: t('$vuetify.video.seek'),\n        volume: t('$vuetify.video.volume'),\n        playAction: t(`$vuetify.video.${playIconLocaleKey}`),\n        volumeAction: t(`$vuetify.video.${volumeIconLocaleKey}`),\n        fullscreenAction: t(`$vuetify.video.${fullscreenIconLocaleKey}`),\n      }\n    })\n\n    function play () {\n      playing.value = true\n    }\n\n    function pause () {\n      playing.value = false\n    }\n\n    function skipTo (v: number) {\n      progress.value = v\n    }\n\n    function toggleMuted () {\n      if (volume.value) {\n        lastVolume.value = volume.value\n        volume.value = 0\n      } else {\n        volume.value = lastVolume.value ?? 100\n      }\n    }\n\n    function toggleFullscreen () {\n      emit('click:fullscreen')\n    }\n\n    useRender(() => {\n      const sizes = props.pills\n        ? [42, 36, 30]\n        : [32, 28, 24]\n\n      const innerDefaults = {\n        VIconBtn: {\n          size: props.density === 'compact' ? sizes[2]\n          : props.density === 'comfortable' ? sizes[1]\n          : sizes[0],\n          iconSize: props.density === 'compact' ? 20\n          : props.density === 'comfortable' ? 24\n          : 26,\n          variant: 'text',\n          color: props.color,\n        },\n        VSlider: {\n          thumbSize: props.variant === 'tube' ? 10 : 16,\n          hideDetails: true,\n        },\n      }\n\n      const regularBtnSize = innerDefaults.VIconBtn.size\n      const playBtnSize = props.pills ? (regularBtnSize + 8) : regularBtnSize\n\n      const pillClasses = [\n        'v-video-control__pill',\n        props.pills ? elevationClasses.value : [],\n        props.pills ? backgroundColorClasses.value : [],\n      ]\n\n      const pillStyles = props.pills ? backgroundColorStyles.value : []\n\n      const slotProps = {\n        play,\n        pause,\n        playing: playing.value,\n        progress: progress.value,\n        currentTime: currentTime.value,\n        skipTo,\n        volume,\n        toggleMuted,\n        fullscreen: props.fullscreen,\n        toggleFullscreen,\n        labels: labels.value,\n      }\n\n      return (\n        <div\n          class={[\n            'v-video-controls',\n            `v-video-controls--variant-${props.variant}`,\n            { 'v-video-controls--pills': props.pills },\n            { 'v-video-controls--detached': props.detached },\n            { 'v-video-controls--floating': props.floating },\n            { 'v-video-controls--split-time': props.splitTime },\n            !props.pills ? backgroundColorClasses.value : [],\n            props.detached && !props.pills ? elevationClasses.value : [],\n            densityClasses.value,\n            themeClasses.value,\n          ]}\n          style={[\n            !props.pills ? backgroundColorStyles.value : [],\n            { '--v-video-controls-pill-height': `${regularBtnSize}px` },\n          ]}\n        >\n          <VDefaultsProvider defaults={ innerDefaults }>\n            { slots.default?.(slotProps) ?? (\n              <>\n                { props.variant !== 'mini' && (\n                  <>\n                    { !props.hidePlay && (\n                      <div\n                        class={[pillClasses, 'v-video__action-play']}\n                        style={ pillStyles }\n                      >\n                        <VIconBtn\n                          icon={ playing.value ? '$pause' : '$play' }\n                          size={ playBtnSize }\n                          aria-label={ labels.value.playAction }\n                          v-tooltip={[labels.value.playAction, 'top']}\n                          onClick={ () => playing.value = !playing.value }\n                        />\n                      </div>\n                    )}\n                    { slots.prepend && (\n                      <div\n                        class={ pillClasses }\n                        style={ pillStyles }\n                      >\n                        { slots.prepend(slotProps) }\n                      </div>\n                    )}\n                    { props.splitTime\n                      ? (\n                        <span\n                          class={[pillClasses, 'v-video__time']}\n                          style={ pillStyles }\n                        >\n                          { currentTime.value.elapsed }\n                        </span>\n                      )\n                      : props.variant !== 'default'\n                        ? (\n                          <span\n                            class={[pillClasses, 'v-video__time']}\n                            style={ pillStyles }\n                          >\n                            { currentTime.value.elapsed } / { currentTime.value.total }\n                          </span>\n                        )\n                        : ''\n                    }\n                    <VSlider\n                      modelValue={ props.progress }\n                      noKeyboard\n                      color={ trackColor.value ?? 'surface-variant' }\n                      trackColor={ props.variant === 'tube' ? 'white' : undefined }\n                      class=\"v-video__track\"\n                      thumbLabel=\"always\"\n                      aria-label={ labels.value.seek }\n                      onUpdate:modelValue={ skipTo }\n                    >\n                      {{\n                        'thumb-label': () => currentTime.value.elapsed,\n                      }}\n                    </VSlider>\n                    { props.variant === 'tube' && <VSpacer /> }\n                    { props.splitTime\n                      ? (\n                        <span\n                          class={[pillClasses, 'v-video__time']}\n                          style={ pillStyles }\n                        >\n                          { currentTime.value.remaining }\n                        </span>\n                      )\n                      : ''\n                    }\n                  </>\n                )}\n                { props.variant === 'mini' && (\n                  <>\n                    <VSpacer />\n                    { slots.prepend && (\n                      <div\n                        class={ pillClasses }\n                        style={ pillStyles }\n                      >\n                        { slots.prepend(slotProps) }\n                      </div>\n                    )}\n                    { !props.hidePlay && (\n                      <div\n                        class={[pillClasses, 'v-video__action-play']}\n                        style={ pillStyles }\n                      >\n                        <VIconBtn\n                          icon={ playing.value ? '$pause' : '$play' }\n                          size={ playBtnSize }\n                          aria-label={ labels.value.playAction }\n                          v-tooltip={[labels.value.playAction, 'top']}\n                          onClick={ () => playing.value = !playing.value }\n                        />\n                      </div>\n                    )}\n                  </>\n                )}\n                { (!props.hideVolume || !props.hideFullscreen || slots.append) && (\n                  <div\n                    class={ pillClasses }\n                    style={ pillStyles }\n                  >\n                    { !props.hideVolume && (\n                      <VVideoVolume\n                        key=\"volume-control\"\n                        sliderProps={{ color: props.color }}\n                        modelValue={ volume.value }\n                        label={ labels.value.volumeAction }\n                        onUpdate:modelValue={ v => volume.value = v }\n                        onClick={ () => props.volumeProps?.inline && toggleMuted() }\n                        { ...props.volumeProps }\n                      />\n                    )}\n                    { slots.append?.(slotProps) }\n                    { !props.hideFullscreen && (\n                      <VIconBtn\n                        icon={ props.fullscreen ? '$fullscreenExit' : '$fullscreen' }\n                        aria-label={ labels.value.fullscreenAction }\n                        v-tooltip={[labels.value.fullscreenAction, 'top']}\n                        onClick={ toggleFullscreen }\n                      />\n                    )}\n                  </div>\n                )}\n\n                { props.variant === 'mini' && (<VSpacer />) }\n              </>\n            )}\n          </VDefaultsProvider>\n        </div>\n      )\n    })\n\n    return {\n      toggleMuted,\n    }\n  },\n})\n\nexport type VVideoControls = InstanceType<typeof VVideoControls>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VVideoControls.js","names":["VVideoVolume","VDefaultsProvider","VSpacer","VSlider","VIconBtn","useBackgroundColor","makeDensityProps","useDensity","makeElevationProps","useElevation","useLocale","useProxiedModel","makeThemeProps","provideTheme","vTooltip","computed","shallowRef","toRef","formatTime","genericComponent","propsFactory","useRender","allowedVariants","makeVVideoControlsProps","color","String","backgroundColor","trackColor","playing","Boolean","hidePlay","hideVolume","hideFullscreen","fullscreen","floating","splitTime","pills","detached","progress","type","Number","default","duration","volume","variant","validator","v","includes","volumeProps","Object","VVideoControls","name","directives","props","emits","val","skip","click:fullscreen","setup","_ref","emit","slots","t","themeClasses","current","currentTheme","densityClasses","elevationClasses","backgroundColorClasses","backgroundColorStyles","fallbackBackground","undefined","fallback","value","dark","lastVolume","currentTime","secondsElapsed","Math","round","elapsed","remaining","total","labels","playIconLocaleKey","volumeIconLocaleKey","inline","fullscreenIconLocaleKey","seek","playAction","volumeAction","fullscreenAction","play","pause","skipTo","toggleMuted","toggleFullscreen","sizes","innerDefaults","size","density","iconSize","thumbSize","hideDetails","regularBtnSize","playBtnSize","pillClasses","pillStyles","slotProps","_createElementVNode","_normalizeClass","_normalizeStyle","_createVNode","_Fragment","_withDirectives","onClick","prepend","_createTextVNode","thumb-label","append","_mergeProps"],"sources":["../../../src/labs/VVideo/VVideoControls.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Components\nimport { VVideoVolume } from './VVideoVolume'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider/VDefaultsProvider'\nimport { VSpacer } from '@/components/VGrid/VSpacer'\nimport { VSlider } from '@/components/VSlider/VSlider'\nimport { VIconBtn } from '@/labs/VIconBtn/VIconBtn'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Directives\nimport vTooltip from '@/directives/tooltip'\n\n// Utilities\nimport { computed, shallowRef, toRef } from 'vue'\nimport { formatTime, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType, Ref } from 'vue'\n\nexport type VVideoControlsActionsSlot = {\n  play: () => void\n  pause: () => void\n  skipTo: (v: number) => void\n  volume: Ref<number>\n  playing: boolean\n  progress: number\n  toggleMuted: () => void\n  fullscreen: boolean\n  toggleFullscreen: () => void\n  labels: Record<string, string>\n}\n\nexport type VVideoControlsSlots = {\n  default: VVideoControlsActionsSlot\n  prepend: VVideoControlsActionsSlot\n  append: VVideoControlsActionsSlot\n}\n\nconst allowedVariants = ['hidden', 'default', 'tube', 'mini'] as const\nexport type VVideoControlsVariant = typeof allowedVariants[number]\n\nexport const makeVVideoControlsProps = propsFactory({\n  color: String,\n  backgroundColor: String,\n  trackColor: String,\n  playing: Boolean,\n  hidePlay: Boolean,\n  hideVolume: Boolean,\n  hideFullscreen: Boolean,\n  fullscreen: Boolean,\n  floating: Boolean,\n  splitTime: Boolean,\n  pills: Boolean,\n  detached: Boolean,\n  progress: {\n    type: Number,\n    default: 0,\n  },\n  duration: {\n    type: Number,\n    default: 0,\n  },\n  volume: [Number, String],\n  variant: {\n    type: String as PropType<VVideoControlsVariant>,\n    default: 'default',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n  volumeProps: Object as PropType<Pick<VVideoVolume['$props'], 'direction' | 'inline' | 'sliderProps' | 'menuProps'>>,\n\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeThemeProps(),\n}, 'VVideoControls')\n\nexport const VVideoControls = genericComponent<VVideoControlsSlots>()({\n  name: 'VVideoControls',\n\n  directives: { vTooltip: vTooltip as any },\n\n  props: makeVVideoControlsProps(),\n\n  emits: {\n    'update:playing': (val: boolean) => true,\n    'update:progress': (val: number) => true,\n    'update:volume': (val: number) => true,\n    skip: (val: number) => true,\n    'click:fullscreen': () => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n    const { themeClasses, current: currentTheme } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { elevationClasses } = useElevation(props)\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => {\n      const fallbackBackground = props.detached ? 'surface' : undefined\n      return props.backgroundColor ?? fallbackBackground\n    })\n\n    const trackColor = toRef(() => {\n      if (props.trackColor) {\n        return props.trackColor\n      }\n\n      const fallback = currentTheme.value.dark || !props.pills ? undefined : 'surface'\n      return (props.pills ? props.backgroundColor : props.color) ?? fallback\n    })\n\n    const playing = useProxiedModel(props, 'playing')\n    const progress = useProxiedModel(props, 'progress')\n    const volume = useProxiedModel(props, 'volume', 0, (v?: number | string) => Number(v ?? 0))\n    const lastVolume = shallowRef<number>()\n\n    const currentTime = computed(() => {\n      const secondsElapsed = Math.round(props.progress / 100 * props.duration)\n      return {\n        elapsed: formatTime(secondsElapsed),\n        remaining: formatTime(props.duration - secondsElapsed),\n        total: formatTime(props.duration),\n      }\n    })\n\n    const labels = computed(() => {\n      const playIconLocaleKey = playing.value ? 'pause' : 'play'\n      const volumeIconLocaleKey = props.volumeProps?.inline ? (volume.value ? 'mute' : 'unmute') : 'showVolume'\n      const fullscreenIconLocaleKey = props.fullscreen ? 'exitFullscreen' : 'enterFullscreen'\n      return {\n        seek: t('$vuetify.video.seek'),\n        volume: t('$vuetify.video.volume'),\n        playAction: t(`$vuetify.video.${playIconLocaleKey}`),\n        volumeAction: t(`$vuetify.video.${volumeIconLocaleKey}`),\n        fullscreenAction: t(`$vuetify.video.${fullscreenIconLocaleKey}`),\n      }\n    })\n\n    function play () {\n      playing.value = true\n    }\n\n    function pause () {\n      playing.value = false\n    }\n\n    function skipTo (v: number) {\n      progress.value = v\n    }\n\n    function toggleMuted () {\n      if (volume.value) {\n        lastVolume.value = volume.value\n        volume.value = 0\n      } else {\n        volume.value = lastVolume.value ?? 100\n      }\n    }\n\n    function toggleFullscreen () {\n      emit('click:fullscreen')\n    }\n\n    useRender(() => {\n      const sizes = props.pills\n        ? [42, 36, 30]\n        : [32, 28, 24]\n\n      const innerDefaults = {\n        VIconBtn: {\n          size: props.density === 'compact' ? sizes[2]\n          : props.density === 'comfortable' ? sizes[1]\n          : sizes[0],\n          iconSize: props.density === 'compact' ? 20\n          : props.density === 'comfortable' ? 24\n          : 26,\n          variant: 'text',\n          color: props.color,\n        },\n        VSlider: {\n          thumbSize: props.variant === 'tube' ? 10 : 16,\n          hideDetails: true,\n        },\n      }\n\n      const regularBtnSize = innerDefaults.VIconBtn.size\n      const playBtnSize = props.pills ? (regularBtnSize + 8) : regularBtnSize\n\n      const pillClasses = [\n        'v-video-control__pill',\n        props.pills ? elevationClasses.value : [],\n        props.pills ? backgroundColorClasses.value : [],\n      ]\n\n      const pillStyles = props.pills ? backgroundColorStyles.value : []\n\n      const slotProps = {\n        play,\n        pause,\n        playing: playing.value,\n        progress: progress.value,\n        currentTime: currentTime.value,\n        skipTo,\n        volume,\n        toggleMuted,\n        fullscreen: props.fullscreen,\n        toggleFullscreen,\n        labels: labels.value,\n      }\n\n      return (\n        <div\n          class={[\n            'v-video-controls',\n            `v-video-controls--variant-${props.variant}`,\n            { 'v-video-controls--pills': props.pills },\n            { 'v-video-controls--detached': props.detached },\n            { 'v-video-controls--floating': props.floating },\n            { 'v-video-controls--split-time': props.splitTime },\n            !props.pills ? backgroundColorClasses.value : [],\n            props.detached && !props.pills ? elevationClasses.value : [],\n            densityClasses.value,\n            themeClasses.value,\n          ]}\n          style={[\n            !props.pills ? backgroundColorStyles.value : [],\n            { '--v-video-controls-pill-height': `${regularBtnSize}px` },\n          ]}\n        >\n          <VDefaultsProvider defaults={ innerDefaults }>\n            { slots.default?.(slotProps) ?? (\n              <>\n                { props.variant !== 'mini' && (\n                  <>\n                    { !props.hidePlay && (\n                      <div\n                        class={[pillClasses, 'v-video__action-play']}\n                        style={ pillStyles }\n                      >\n                        <VIconBtn\n                          icon={ playing.value ? '$pause' : '$play' }\n                          size={ playBtnSize }\n                          aria-label={ labels.value.playAction }\n                          v-tooltip={[labels.value.playAction, 'top']}\n                          onClick={ () => playing.value = !playing.value }\n                        />\n                      </div>\n                    )}\n                    { slots.prepend && (\n                      <div\n                        class={ pillClasses }\n                        style={ pillStyles }\n                      >\n                        { slots.prepend(slotProps) }\n                      </div>\n                    )}\n                    { props.splitTime\n                      ? (\n                        <span\n                          class={[pillClasses, 'v-video__time']}\n                          style={ pillStyles }\n                        >\n                          { currentTime.value.elapsed }\n                        </span>\n                      )\n                      : props.variant !== 'default'\n                        ? (\n                          <span\n                            class={[pillClasses, 'v-video__time']}\n                            style={ pillStyles }\n                          >\n                            { currentTime.value.elapsed } / { currentTime.value.total }\n                          </span>\n                        )\n                        : ''\n                    }\n                    <VSlider\n                      modelValue={ props.progress }\n                      noKeyboard\n                      color={ trackColor.value ?? 'surface-variant' }\n                      trackColor={ props.variant === 'tube' ? 'white' : undefined }\n                      class=\"v-video__track\"\n                      thumbLabel=\"always\"\n                      aria-label={ labels.value.seek }\n                      onUpdate:modelValue={ skipTo }\n                    >\n                      {{\n                        'thumb-label': () => currentTime.value.elapsed,\n                      }}\n                    </VSlider>\n                    { props.variant === 'tube' && <VSpacer /> }\n                    { props.splitTime\n                      ? (\n                        <span\n                          class={[pillClasses, 'v-video__time']}\n                          style={ pillStyles }\n                        >\n                          { currentTime.value.remaining }\n                        </span>\n                      )\n                      : ''\n                    }\n                  </>\n                )}\n                { props.variant === 'mini' && (\n                  <>\n                    <VSpacer />\n                    { slots.prepend && (\n                      <div\n                        class={ pillClasses }\n                        style={ pillStyles }\n                      >\n                        { slots.prepend(slotProps) }\n                      </div>\n                    )}\n                    { !props.hidePlay && (\n                      <div\n                        class={[pillClasses, 'v-video__action-play']}\n                        style={ pillStyles }\n                      >\n                        <VIconBtn\n                          icon={ playing.value ? '$pause' : '$play' }\n                          size={ playBtnSize }\n                          aria-label={ labels.value.playAction }\n                          v-tooltip={[labels.value.playAction, 'top']}\n                          onClick={ () => playing.value = !playing.value }\n                        />\n                      </div>\n                    )}\n                  </>\n                )}\n                { (!props.hideVolume || !props.hideFullscreen || slots.append) && (\n                  <div\n                    class={ pillClasses }\n                    style={ pillStyles }\n                  >\n                    { !props.hideVolume && (\n                      <VVideoVolume\n                        key=\"volume-control\"\n                        sliderProps={{ color: props.color }}\n                        modelValue={ volume.value }\n                        label={ labels.value.volumeAction }\n                        onUpdate:modelValue={ v => volume.value = v }\n                        onClick={ () => props.volumeProps?.inline && toggleMuted() }\n                        { ...props.volumeProps }\n                      />\n                    )}\n                    { slots.append?.(slotProps) }\n                    { !props.hideFullscreen && (\n                      <VIconBtn\n                        icon={ props.fullscreen ? '$fullscreenExit' : '$fullscreen' }\n                        aria-label={ labels.value.fullscreenAction }\n                        v-tooltip={[labels.value.fullscreenAction, 'top']}\n                        onClick={ toggleFullscreen }\n                      />\n                    )}\n                  </div>\n                )}\n\n                { props.variant === 'mini' && (<VSpacer />) }\n              </>\n            )}\n          </VDefaultsProvider>\n        </div>\n      )\n    })\n\n    return {\n      toggleMuted,\n    }\n  },\n})\n\nexport type VVideoControls = InstanceType<typeof VVideoControls>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VVideo/VVideoVolume.js

@@ -4,8 +4,8 @@ import { VIcon } from "../../components/VIcon/VIcon.js";
 import { VMenu } from "../../components/VMenu/VMenu.js";
 import { VSlider } from "../../components/VSlider/VSlider.js";
 import { VIconBtn } from "../VIconBtn/VIconBtn.js"; // Composables
-import { useLocale } from "../../composables/index.js";
 import { makeComponentProps } from "../../composables/component.js";
+import { useLocale } from "../../composables/locale.js";
 import { useProxiedModel } from "../../composables/proxiedModel.js"; // Directives
 import vTooltip from "../../directives/tooltip/index.js"; // Utilities
 import { ref, toRef } from 'vue';

package/lib/labs/VVideo/VVideoVolume.js.map

@@ -1 +1 @@
-{"version":3,"file":"VVideoVolume.js","names":["VIcon","VMenu","VSlider","VIconBtn","useLocale","makeComponentProps","useProxiedModel","vTooltip","ref","toRef","EventProp","genericComponent","propsFactory","useRender","makeVVideoVolumeProps","inline","Boolean","label","String","direction","type","default","modelValue","Number","menuProps","Object","sliderProps","onClick","VVideoVolume","name","directives","props","emits","val","setup","_ref","attrs","t","volume","volumeIcon","value","containerRef","sliderDefaults","hideDetails","step","thumbSize","_createElementVNode","_normalizeClass","class","_normalizeStyle","style","_withDirectives","_createVNode","_mergeProps","location","v","e","stopPropagation"],"sources":["../../../src/labs/VVideo/VVideoVolume.tsx"],"sourcesContent":["// Components\nimport { VIcon } from '@/components/VIcon/VIcon'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { VSlider } from '@/components/VSlider/VSlider'\nimport { VIconBtn } from '@/labs/VIconBtn/VIconBtn'\n\n// Composables\nimport { useLocale } from '@/composables'\nimport { makeComponentProps } from '@/composables/component'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport vTooltip from '@/directives/tooltip'\n\n// Utilities\nimport { ref, toRef } from 'vue'\nimport { EventProp, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVVideoVolumeProps = propsFactory({\n  inline: Boolean,\n  label: String,\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'vertical',\n  },\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  menuProps: Object as PropType<VMenu['$props']>,\n  sliderProps: Object as PropType<Pick<VSlider['$props'], 'color' | 'disabled' | 'thumbSize' | 'trackColor' | 'maxWidth' | 'width'>>,\n  onClick: EventProp<[MouseEvent | KeyboardEvent]>(),\n\n  ...makeComponentProps(),\n}, 'VVideoVolume')\n\nexport const VVideoVolume = genericComponent()({\n  name: 'VVideoVolume',\n\n  directives: { vTooltip: vTooltip as any },\n\n  props: makeVVideoVolumeProps(),\n\n  emits: {\n    'update:modelValue': (val: number) => true,\n  },\n\n  setup (props, { attrs }) {\n    const { t } = useLocale()\n    const volume = useProxiedModel(props, 'modelValue')\n\n    const volumeIcon = toRef(() => volume.value > 70 ? '$volumeHigh'\n      : volume.value > 40 ? '$volumeMedium'\n      : volume.value > 10 ? '$volumeLow'\n      : '$volumeOff')\n\n    const containerRef = ref<HTMLElement>()\n\n    useRender(() => {\n      const sliderDefaults = {\n        hideDetails: true,\n        step: 5,\n        thumbSize: 16,\n      }\n\n      return (\n        <div\n          class={[\n            'v-video-volume',\n            { 'v-video-volume--inline': props.inline },\n            props.class,\n          ]}\n          style={ props.style }\n          ref={ containerRef }\n        >\n            <VIconBtn\n              icon={ volumeIcon.value }\n              aria-label={ props.label }\n              v-tooltip={[props.label, 'top']}\n              onClick={ props.onClick as any }\n              { ...attrs }\n            >\n              <VIcon />\n              { !props.inline && (\n                <VMenu\n                  offset=\"8\"\n                  activator=\"parent\"\n                  attach={ containerRef.value }\n                  location={ props.menuProps?.location ?? 'top center' }\n                  closeOnContentClick={ false }\n                >\n                  <div\n                    class={[\n                      'v-video-volume__menu',\n                      `v-video-volume__menu--${props.direction}`,\n                    ]}\n                  >\n                    <VSlider\n                      direction={ props.direction }\n                      aria-label={ t('$vuetify.video.volume') }\n                      modelValue={ volume.value }\n                      onUpdate:modelValue={ v => volume.value = v }\n                      { ...sliderDefaults }\n                      { ...props.sliderProps }\n                    />\n                  </div>\n                </VMenu>\n              )}\n            </VIconBtn>\n\n            { props.inline && (\n              <VSlider\n                class=\"v-video-volume-inline__slider\"\n                minWidth=\"50\"\n                aria-label={ t('$vuetify.video.volume') }\n                modelValue={ volume.value }\n                onUpdate:modelValue={ v => volume.value = v }\n                onKeydown={ (e: KeyboardEvent) => { e.stopPropagation() } }\n                { ...sliderDefaults }\n                { ...props.sliderProps }\n              />\n            )}\n        </div>\n      )\n    })\n  },\n})\n\nexport type VVideoVolume = InstanceType<typeof VVideoVolume>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VVideoVolume.js","names":["VIcon","VMenu","VSlider","VIconBtn","makeComponentProps","useLocale","useProxiedModel","vTooltip","ref","toRef","EventProp","genericComponent","propsFactory","useRender","makeVVideoVolumeProps","inline","Boolean","label","String","direction","type","default","modelValue","Number","menuProps","Object","sliderProps","onClick","VVideoVolume","name","directives","props","emits","val","setup","_ref","attrs","t","volume","volumeIcon","value","containerRef","sliderDefaults","hideDetails","step","thumbSize","_createElementVNode","_normalizeClass","class","_normalizeStyle","style","_withDirectives","_createVNode","_mergeProps","location","v","e","stopPropagation"],"sources":["../../../src/labs/VVideo/VVideoVolume.tsx"],"sourcesContent":["// Components\nimport { VIcon } from '@/components/VIcon/VIcon'\nimport { VMenu } from '@/components/VMenu/VMenu'\nimport { VSlider } from '@/components/VSlider/VSlider'\nimport { VIconBtn } from '@/labs/VIconBtn/VIconBtn'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport vTooltip from '@/directives/tooltip'\n\n// Utilities\nimport { ref, toRef } from 'vue'\nimport { EventProp, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVVideoVolumeProps = propsFactory({\n  inline: Boolean,\n  label: String,\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'vertical',\n  },\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  menuProps: Object as PropType<VMenu['$props']>,\n  sliderProps: Object as PropType<Pick<VSlider['$props'], 'color' | 'disabled' | 'thumbSize' | 'trackColor' | 'maxWidth' | 'width'>>,\n  onClick: EventProp<[MouseEvent | KeyboardEvent]>(),\n\n  ...makeComponentProps(),\n}, 'VVideoVolume')\n\nexport const VVideoVolume = genericComponent()({\n  name: 'VVideoVolume',\n\n  directives: { vTooltip: vTooltip as any },\n\n  props: makeVVideoVolumeProps(),\n\n  emits: {\n    'update:modelValue': (val: number) => true,\n  },\n\n  setup (props, { attrs }) {\n    const { t } = useLocale()\n    const volume = useProxiedModel(props, 'modelValue')\n\n    const volumeIcon = toRef(() => volume.value > 70 ? '$volumeHigh'\n      : volume.value > 40 ? '$volumeMedium'\n      : volume.value > 10 ? '$volumeLow'\n      : '$volumeOff')\n\n    const containerRef = ref<HTMLElement>()\n\n    useRender(() => {\n      const sliderDefaults = {\n        hideDetails: true,\n        step: 5,\n        thumbSize: 16,\n      }\n\n      return (\n        <div\n          class={[\n            'v-video-volume',\n            { 'v-video-volume--inline': props.inline },\n            props.class,\n          ]}\n          style={ props.style }\n          ref={ containerRef }\n        >\n            <VIconBtn\n              icon={ volumeIcon.value }\n              aria-label={ props.label }\n              v-tooltip={[props.label, 'top']}\n              onClick={ props.onClick as any }\n              { ...attrs }\n            >\n              <VIcon />\n              { !props.inline && (\n                <VMenu\n                  offset=\"8\"\n                  activator=\"parent\"\n                  attach={ containerRef.value }\n                  location={ props.menuProps?.location ?? 'top center' }\n                  closeOnContentClick={ false }\n                >\n                  <div\n                    class={[\n                      'v-video-volume__menu',\n                      `v-video-volume__menu--${props.direction}`,\n                    ]}\n                  >\n                    <VSlider\n                      direction={ props.direction }\n                      aria-label={ t('$vuetify.video.volume') }\n                      modelValue={ volume.value }\n                      onUpdate:modelValue={ v => volume.value = v }\n                      { ...sliderDefaults }\n                      { ...props.sliderProps }\n                    />\n                  </div>\n                </VMenu>\n              )}\n            </VIconBtn>\n\n            { props.inline && (\n              <VSlider\n                class=\"v-video-volume-inline__slider\"\n                minWidth=\"50\"\n                aria-label={ t('$vuetify.video.volume') }\n                modelValue={ volume.value }\n                onUpdate:modelValue={ v => volume.value = v }\n                onKeydown={ (e: KeyboardEvent) => { e.stopPropagation() } }\n                { ...sliderDefaults }\n                { ...props.sliderProps }\n              />\n            )}\n        </div>\n      )\n    })\n  },\n})\n\nexport type VVideoVolume = InstanceType<typeof VVideoVolume>\n"],"mappings":"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","ignoreList":[]}

package/lib/locale/af.d.ts

@@ -153,5 +153,22 @@ declare const _default: {
         enterFullscreen: string;
         exitFullscreen: string;
     };
+    colorPicker: {
+        ariaLabel: {
+            eyedropper: string;
+            hueSlider: string;
+            alphaSlider: string;
+            redInput: string;
+            greenInput: string;
+            blueInput: string;
+            alphaInput: string;
+            hueInput: string;
+            saturationInput: string;
+            lightnessInput: string;
+            hexInput: string;
+            hexaInput: string;
+            changeFormat: string;
+        };
+    };
 };
 export default _default;

package/lib/locale/af.js

@@ -152,6 +152,23 @@ export default {
     unmute: 'Ontdemp',
     enterFullscreen: 'Volskerm',
     exitFullscreen: 'Verlaat volskerm'
+  },
+  colorPicker: {
+    ariaLabel: {
+      eyedropper: 'Kies kleur van die skerm af',
+      hueSlider: 'Tint',
+      alphaSlider: 'Alfa',
+      redInput: 'Rooi',
+      greenInput: 'Groen',
+      blueInput: 'Blou',
+      alphaInput: 'Alfa',
+      hueInput: 'Tint',
+      saturationInput: 'Versadiging',
+      lightnessInput: 'Ligtheid',
+      hexInput: 'HEX-waarde',
+      hexaInput: 'HEX met alfa-waarde',
+      changeFormat: 'Verander kleurformaat'
+    }
   }
 };
 //# sourceMappingURL=af.js.map

package/lib/locale/af.js.map

@@ -1 +1 @@
-{"version":3,"file":"af.js","names":["badge","open","close","dismiss","confirmEdit","ok","cancel","dataIterator","noResultsText","loadingText","dataTable","itemsPerPageText","ariaLabel","sortDescending","sortAscending","sortNone","activateNone","activateDescending","activateAscending","sortBy","dataFooter","itemsPerPageAll","nextPage","prevPage","firstPage","lastPage","pageText","dateRangeInput","divider","datePicker","itemsSelected","range","title","header","input","placeholder","previousMonth","nextMonth","selectYear","selectDate","currentDate","noDataText","carousel","prev","next","delimiter","calendar","moreEvents","today","clear","prependAction","appendAction","otp","fileInput","counter","counterSize","fileUpload","browse","timePicker","am","pm","pagination","root","previous","page","currentPage","first","last","stepper","rating","item","loading","infiniteScroll","loadMore","empty","rules","required","email","number","integer","capital","maxLength","minLength","strictLength","exclude","notEmpty","pattern","hotkey","then","ctrl","command","shift","alt","option","enter","escape","upArrow","downArrow","leftArrow","rightArrow","backspace","space","plus","shortcut","video","play","pause","seek","volume","showVolume","mute","unmute","enterFullscreen","exitFullscreen"],"sources":["../../src/locale/af.ts"],"sourcesContent":["export default {\n  badge: 'Kenteken',\n  open: 'Maak oop',\n  close: 'Maak toe',\n  dismiss: 'Verwerp',\n  confirmEdit: {\n    ok: 'OK',\n    cancel: 'Kanselleer',\n  },\n  dataIterator: {\n    noResultsText: 'Geen ooreenstemmende resultate is gevind nie',\n    loadingText: 'Laai item...',\n  },\n  dataTable: {\n    itemsPerPageText: 'Rye per bladsy:',\n    ariaLabel: {\n      sortDescending: 'Gesorteer aflopend.',\n      sortAscending: 'Gesorteer oplopend.',\n      sortNone: 'Nie gesorteer nie.',\n      activateNone: 'Aktiveer om sortering te verwyder.',\n      activateDescending: 'Aktiveer om aflopend te sorteer.',\n      activateAscending: 'Aktiveer om oplopend te sorteer.',\n    },\n    sortBy: 'Sorteer volgens',\n  },\n  dataFooter: {\n    itemsPerPageText: 'Aantal per bladsy:',\n    itemsPerPageAll: 'Alles',\n    nextPage: 'Volgende bladsy',\n    prevPage: 'Vorige bladsy',\n    firstPage: 'Eerste bladsy',\n    lastPage: 'Laaste bladsy',\n    pageText: '{0}-{1} van {2}',\n  },\n  dateRangeInput: {\n    divider: 'tot',\n  },\n  datePicker: {\n    itemsSelected: '{0} gekies',\n    range: {\n      title: 'Kies datums',\n      header: 'Voer datums in',\n    },\n    title: 'Kies datum',\n    header: 'Voer datum in',\n    input: {\n      placeholder: 'Voer datum in',\n    },\n    ariaLabel: {\n      previousMonth: 'Vorige maand',\n      nextMonth: 'Volgende maand',\n      selectYear: 'Kies jaar',\n      selectDate: '{0}',\n      currentDate: 'Vandag, {0}',\n    },\n  },\n  noDataText: 'Geen data is beskikbaar nie',\n  carousel: {\n    prev: 'Vorige visuele',\n    next: 'Volgende visuele',\n    ariaLabel: {\n      delimiter: 'Carousel skyfie {0} van {1}',\n    },\n  },\n  calendar: {\n    moreEvents: '{0} meer',\n    today: 'Vandag',\n  },\n  input: {\n    clear: 'Maak skoon {0}',\n    prependAction: '{0} voorafgevoegde aksie',\n    appendAction: '{0} bygevoegde aksie',\n    otp: 'Voer asseblief OTP-karakter {0} in',\n  },\n  fileInput: {\n    counter: '{0} lêers',\n    counterSize: '{0} lêers ({1} in totaal)',\n  },\n  fileUpload: {\n    title: 'Sleep en los lêers hier',\n    divider: 'of',\n    browse: 'Blaai deur lêers',\n  },\n  timePicker: {\n    am: 'VM',\n    pm: 'NM',\n    title: 'Kies tyd',\n  },\n  pagination: {\n    ariaLabel: {\n      root: 'Paginasie-navigasie',\n      next: 'Volgende bladsy',\n      previous: 'Vorige bladsy',\n      page: 'Gaan na bladsy {0}',\n      currentPage: 'Huidige bladsy, Bladsy {0}',\n      first: 'Eerste bladsy',\n      last: 'Laaste bladsy',\n    },\n  },\n  stepper: {\n    next: 'Volgende',\n    prev: 'Vorige',\n  },\n  rating: {\n    ariaLabel: {\n      item: 'Gradering {0} van {1}',\n    },\n  },\n  loading: 'Laai...',\n  infiniteScroll: {\n    loadMore: 'Laai meer',\n    empty: 'Geen meer nie',\n  },\n  rules: {\n    required: 'Hierdie veld is verpligtend',\n    email: 'Voer asseblief \\'n geldige e-posadres in',\n    number: 'Hierdie veld kan slegs syfers bevat',\n    integer: 'Hierdie veld kan slegs heelgetalle bevat',\n    capital: 'Hierdie veld kan slegs hoofletters bevat',\n    maxLength: 'Jy moet \\'n maksimum van {0} karakters invoer',\n    minLength: 'Jy moet \\'n minimum van {0} karakters invoer',\n    strictLength: 'Die lengte van die ingevoerde veld is ongeldig',\n    exclude: 'Die {0} karakter is nie toegelaat nie',\n    notEmpty: 'Kies asseblief ten minste een waarde',\n    pattern: 'Ongeldige formaat',\n  },\n  hotkey: {\n    then: 'dan',\n    ctrl: 'Ctrl',\n    command: 'Command',\n    shift: 'Shift',\n    alt: 'Alt',\n    option: 'Option',\n    enter: 'Enter',\n    escape: 'Escape',\n    upArrow: 'Up Arrow',\n    downArrow: 'Down Arrow',\n    leftArrow: 'Left Arrow',\n    rightArrow: 'Right Arrow',\n    backspace: 'Backspace',\n    space: 'Spasie',\n    plus: 'plus',\n    shortcut: 'Sleutelbordkortpad: {0}',\n  },\n  video: {\n    play: 'Speel',\n    pause: 'Pouseer',\n    seek: 'Soek',\n    volume: 'Volume',\n    showVolume: 'Wys volumebeheer',\n    mute: 'Demp',\n    unmute: 'Ontdemp',\n    enterFullscreen: 'Volskerm',\n    exitFullscreen: 'Verlaat volskerm',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"af.js","names":["badge","open","close","dismiss","confirmEdit","ok","cancel","dataIterator","noResultsText","loadingText","dataTable","itemsPerPageText","ariaLabel","sortDescending","sortAscending","sortNone","activateNone","activateDescending","activateAscending","sortBy","dataFooter","itemsPerPageAll","nextPage","prevPage","firstPage","lastPage","pageText","dateRangeInput","divider","datePicker","itemsSelected","range","title","header","input","placeholder","previousMonth","nextMonth","selectYear","selectDate","currentDate","noDataText","carousel","prev","next","delimiter","calendar","moreEvents","today","clear","prependAction","appendAction","otp","fileInput","counter","counterSize","fileUpload","browse","timePicker","am","pm","pagination","root","previous","page","currentPage","first","last","stepper","rating","item","loading","infiniteScroll","loadMore","empty","rules","required","email","number","integer","capital","maxLength","minLength","strictLength","exclude","notEmpty","pattern","hotkey","then","ctrl","command","shift","alt","option","enter","escape","upArrow","downArrow","leftArrow","rightArrow","backspace","space","plus","shortcut","video","play","pause","seek","volume","showVolume","mute","unmute","enterFullscreen","exitFullscreen","colorPicker","eyedropper","hueSlider","alphaSlider","redInput","greenInput","blueInput","alphaInput","hueInput","saturationInput","lightnessInput","hexInput","hexaInput","changeFormat"],"sources":["../../src/locale/af.ts"],"sourcesContent":["export default {\n  badge: 'Kenteken',\n  open: 'Maak oop',\n  close: 'Maak toe',\n  dismiss: 'Verwerp',\n  confirmEdit: {\n    ok: 'OK',\n    cancel: 'Kanselleer',\n  },\n  dataIterator: {\n    noResultsText: 'Geen ooreenstemmende resultate is gevind nie',\n    loadingText: 'Laai item...',\n  },\n  dataTable: {\n    itemsPerPageText: 'Rye per bladsy:',\n    ariaLabel: {\n      sortDescending: 'Gesorteer aflopend.',\n      sortAscending: 'Gesorteer oplopend.',\n      sortNone: 'Nie gesorteer nie.',\n      activateNone: 'Aktiveer om sortering te verwyder.',\n      activateDescending: 'Aktiveer om aflopend te sorteer.',\n      activateAscending: 'Aktiveer om oplopend te sorteer.',\n    },\n    sortBy: 'Sorteer volgens',\n  },\n  dataFooter: {\n    itemsPerPageText: 'Aantal per bladsy:',\n    itemsPerPageAll: 'Alles',\n    nextPage: 'Volgende bladsy',\n    prevPage: 'Vorige bladsy',\n    firstPage: 'Eerste bladsy',\n    lastPage: 'Laaste bladsy',\n    pageText: '{0}-{1} van {2}',\n  },\n  dateRangeInput: {\n    divider: 'tot',\n  },\n  datePicker: {\n    itemsSelected: '{0} gekies',\n    range: {\n      title: 'Kies datums',\n      header: 'Voer datums in',\n    },\n    title: 'Kies datum',\n    header: 'Voer datum in',\n    input: {\n      placeholder: 'Voer datum in',\n    },\n    ariaLabel: {\n      previousMonth: 'Vorige maand',\n      nextMonth: 'Volgende maand',\n      selectYear: 'Kies jaar',\n      selectDate: '{0}',\n      currentDate: 'Vandag, {0}',\n    },\n  },\n  noDataText: 'Geen data is beskikbaar nie',\n  carousel: {\n    prev: 'Vorige visuele',\n    next: 'Volgende visuele',\n    ariaLabel: {\n      delimiter: 'Carousel skyfie {0} van {1}',\n    },\n  },\n  calendar: {\n    moreEvents: '{0} meer',\n    today: 'Vandag',\n  },\n  input: {\n    clear: 'Maak skoon {0}',\n    prependAction: '{0} voorafgevoegde aksie',\n    appendAction: '{0} bygevoegde aksie',\n    otp: 'Voer asseblief OTP-karakter {0} in',\n  },\n  fileInput: {\n    counter: '{0} lêers',\n    counterSize: '{0} lêers ({1} in totaal)',\n  },\n  fileUpload: {\n    title: 'Sleep en los lêers hier',\n    divider: 'of',\n    browse: 'Blaai deur lêers',\n  },\n  timePicker: {\n    am: 'VM',\n    pm: 'NM',\n    title: 'Kies tyd',\n  },\n  pagination: {\n    ariaLabel: {\n      root: 'Paginasie-navigasie',\n      next: 'Volgende bladsy',\n      previous: 'Vorige bladsy',\n      page: 'Gaan na bladsy {0}',\n      currentPage: 'Huidige bladsy, Bladsy {0}',\n      first: 'Eerste bladsy',\n      last: 'Laaste bladsy',\n    },\n  },\n  stepper: {\n    next: 'Volgende',\n    prev: 'Vorige',\n  },\n  rating: {\n    ariaLabel: {\n      item: 'Gradering {0} van {1}',\n    },\n  },\n  loading: 'Laai...',\n  infiniteScroll: {\n    loadMore: 'Laai meer',\n    empty: 'Geen meer nie',\n  },\n  rules: {\n    required: 'Hierdie veld is verpligtend',\n    email: 'Voer asseblief \\'n geldige e-posadres in',\n    number: 'Hierdie veld kan slegs syfers bevat',\n    integer: 'Hierdie veld kan slegs heelgetalle bevat',\n    capital: 'Hierdie veld kan slegs hoofletters bevat',\n    maxLength: 'Jy moet \\'n maksimum van {0} karakters invoer',\n    minLength: 'Jy moet \\'n minimum van {0} karakters invoer',\n    strictLength: 'Die lengte van die ingevoerde veld is ongeldig',\n    exclude: 'Die {0} karakter is nie toegelaat nie',\n    notEmpty: 'Kies asseblief ten minste een waarde',\n    pattern: 'Ongeldige formaat',\n  },\n  hotkey: {\n    then: 'dan',\n    ctrl: 'Ctrl',\n    command: 'Command',\n    shift: 'Shift',\n    alt: 'Alt',\n    option: 'Option',\n    enter: 'Enter',\n    escape: 'Escape',\n    upArrow: 'Up Arrow',\n    downArrow: 'Down Arrow',\n    leftArrow: 'Left Arrow',\n    rightArrow: 'Right Arrow',\n    backspace: 'Backspace',\n    space: 'Spasie',\n    plus: 'plus',\n    shortcut: 'Sleutelbordkortpad: {0}',\n  },\n  video: {\n    play: 'Speel',\n    pause: 'Pouseer',\n    seek: 'Soek',\n    volume: 'Volume',\n    showVolume: 'Wys volumebeheer',\n    mute: 'Demp',\n    unmute: 'Ontdemp',\n    enterFullscreen: 'Volskerm',\n    exitFullscreen: 'Verlaat volskerm',\n  },\n  colorPicker: {\n    ariaLabel: {\n      eyedropper: 'Kies kleur van die skerm af',\n      hueSlider: 'Tint',\n      alphaSlider: 'Alfa',\n      redInput: 'Rooi',\n      greenInput: 'Groen',\n      blueInput: 'Blou',\n      alphaInput: 'Alfa',\n      hueInput: 'Tint',\n      saturationInput: 'Versadiging',\n      lightnessInput: 'Ligtheid',\n      hexInput: 'HEX-waarde',\n      hexaInput: 'HEX met alfa-waarde',\n      changeFormat: 'Verander kleurformaat',\n    },\n  },\n}\n"],"mappings":"AAAA,eAAe;EACbA,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,UAAU;EACjBC,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE;IACXC,EAAE,EAAE,IAAI;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,aAAa,EAAE,8CAA8C;IAC7DC,WAAW,EAAE;EACf,CAAC;EACDC,SAAS,EAAE;IACTC,gBAAgB,EAAE,iBAAiB;IACnCC,SAAS,EAAE;MACTC,cAAc,EAAE,qBAAqB;MACrCC,aAAa,EAAE,qBAAqB;MACpCC,QAAQ,EAAE,oBAAoB;MAC9BC,YAAY,EAAE,oCAAoC;MAClDC,kBAAkB,EAAE,kCAAkC;MACtDC,iBAAiB,EAAE;IACrB,CAAC;IACDC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVT,gBAAgB,EAAE,oBAAoB;IACtCU,eAAe,EAAE,OAAO;IACxBC,QAAQ,EAAE,iBAAiB;IAC3BC,QAAQ,EAAE,eAAe;IACzBC,SAAS,EAAE,eAAe;IAC1BC,QAAQ,EAAE,eAAe;IACzBC,QAAQ,EAAE;EACZ,CAAC;EACDC,cAAc,EAAE;IACdC,OAAO,EAAE;EACX,CAAC;EACDC,UAAU,EAAE;IACVC,aAAa,EAAE,YAAY;IAC3BC,KAAK,EAAE;MACLC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDD,KAAK,EAAE,YAAY;IACnBC,MAAM,EAAE,eAAe;IACvBC,KAAK,EAAE;MACLC,WAAW,EAAE;IACf,CAAC;IACDvB,SAAS,EAAE;MACTwB,aAAa,EAAE,cAAc;MAC7BC,SAAS,EAAE,gBAAgB;MAC3BC,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAE,KAAK;MACjBC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,UAAU,EAAE,6BAA6B;EACzCC,QAAQ,EAAE;IACRC,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE,kBAAkB;IACxBhC,SAAS,EAAE;MACTiC,SAAS,EAAE;IACb;EACF,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAE,UAAU;IACtBC,KAAK,EAAE;EACT,CAAC;EACDd,KAAK,EAAE;IACLe,KAAK,EAAE,gBAAgB;IACvBC,aAAa,EAAE,0BAA0B;IACzCC,YAAY,EAAE,sBAAsB;IACpCC,GAAG,EAAE;EACP,CAAC;EACDC,SAAS,EAAE;IACTC,OAAO,EAAE,WAAW;IACpBC,WAAW,EAAE;EACf,CAAC;EACDC,UAAU,EAAE;IACVxB,KAAK,EAAE,yBAAyB;IAChCJ,OAAO,EAAE,IAAI;IACb6B,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVC,EAAE,EAAE,IAAI;IACRC,EAAE,EAAE,IAAI;IACR5B,KAAK,EAAE;EACT,CAAC;EACD6B,UAAU,EAAE;IACVjD,SAAS,EAAE;MACTkD,IAAI,EAAE,qBAAqB;MAC3BlB,IAAI,EAAE,iBAAiB;MACvBmB,QAAQ,EAAE,eAAe;MACzBC,IAAI,EAAE,oBAAoB;MAC1BC,WAAW,EAAE,4BAA4B;MACzCC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,OAAO,EAAE;IACPxB,IAAI,EAAE,UAAU;IAChBD,IAAI,EAAE;EACR,CAAC;EACD0B,MAAM,EAAE;IACNzD,SAAS,EAAE;MACT0D,IAAI,EAAE;IACR;EACF,CAAC;EACDC,OAAO,EAAE,SAAS;EAClBC,cAAc,EAAE;IACdC,QAAQ,EAAE,WAAW;IACrBC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,6BAA6B;IACvCC,KAAK,EAAE,0CAA0C;IACjDC,MAAM,EAAE,qCAAqC;IAC7CC,OAAO,EAAE,0CAA0C;IACnDC,OAAO,EAAE,0CAA0C;IACnDC,SAAS,EAAE,+CAA+C;IAC1DC,SAAS,EAAE,8CAA8C;IACzDC,YAAY,EAAE,gDAAgD;IAC9DC,OAAO,EAAE,uCAAuC;IAChDC,QAAQ,EAAE,sCAAsC;IAChDC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNC,IAAI,EAAE,KAAK;IACXC,IAAI,EAAE,MAAM;IACZC,OAAO,EAAE,SAAS;IAClBC,KAAK,EAAE,OAAO;IACdC,GAAG,EAAE,KAAK;IACVC,MAAM,EAAE,QAAQ;IAChBC,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE,UAAU;IACnBC,SAAS,EAAE,YAAY;IACvBC,SAAS,EAAE,YAAY;IACvBC,UAAU,EAAE,aAAa;IACzBC,SAAS,EAAE,WAAW;IACtBC,KAAK,EAAE,QAAQ;IACfC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAE,QAAQ;IAChBC,UAAU,EAAE,kBAAkB;IAC9BC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAE,SAAS;IACjBC,eAAe,EAAE,UAAU;IAC3BC,cAAc,EAAE;EAClB,CAAC;EACDC,WAAW,EAAE;IACXtG,SAAS,EAAE;MACTuG,UAAU,EAAE,6BAA6B;MACzCC,SAAS,EAAE,MAAM;MACjBC,WAAW,EAAE,MAAM;MACnBC,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,OAAO;MACnBC,SAAS,EAAE,MAAM;MACjBC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,MAAM;MAChBC,eAAe,EAAE,aAAa;MAC9BC,cAAc,EAAE,UAAU;MAC1BC,QAAQ,EAAE,YAAY;MACtBC,SAAS,EAAE,qBAAqB;MAChCC,YAAY,EAAE;IAChB;EACF;AACF,CAAC","ignoreList":[]}

package/lib/locale/ar.d.ts

@@ -153,5 +153,22 @@ declare const _default: {
         enterFullscreen: string;
         exitFullscreen: string;
     };
+    colorPicker: {
+        ariaLabel: {
+            eyedropper: string;
+            hueSlider: string;
+            alphaSlider: string;
+            redInput: string;
+            greenInput: string;
+            blueInput: string;
+            alphaInput: string;
+            hueInput: string;
+            saturationInput: string;
+            lightnessInput: string;
+            hexInput: string;
+            hexaInput: string;
+            changeFormat: string;
+        };
+    };
 };
 export default _default;

package/lib/locale/ar.js

@@ -152,6 +152,23 @@ export default {
     unmute: 'إلغاء كتم الصوت',
     enterFullscreen: 'ملء الشاشة',
     exitFullscreen: 'الخروج من وضع ملء الشاشة'
+  },
+  colorPicker: {
+    ariaLabel: {
+      eyedropper: 'اختيار لون من الشاشة',
+      hueSlider: 'درجة اللون',
+      alphaSlider: 'الشفافية',
+      redInput: 'أحمر',
+      greenInput: 'أخضر',
+      blueInput: 'أزرق',
+      alphaInput: 'الشفافية',
+      hueInput: 'درجة اللون',
+      saturationInput: 'التشبع اللوني',
+      lightnessInput: 'السطوع',
+      hexInput: 'قيمة HEX',
+      hexaInput: 'قيمة HEX مع الشفافية',
+      changeFormat: 'تغيير تنسيق اللون'
+    }
   }
 };
 //# sourceMappingURL=ar.js.map

package/lib/locale/ar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ar.js","names":["badge","open","close","dismiss","confirmEdit","ok","cancel","dataIterator","noResultsText","loadingText","dataTable","itemsPerPageText","ariaLabel","sortDescending","sortAscending","sortNone","activateNone","activateDescending","activateAscending","sortBy","dataFooter","itemsPerPageAll","nextPage","prevPage","firstPage","lastPage","pageText","dateRangeInput","divider","datePicker","itemsSelected","range","title","header","input","placeholder","previousMonth","nextMonth","selectYear","selectDate","currentDate","noDataText","carousel","prev","next","delimiter","calendar","moreEvents","today","clear","prependAction","appendAction","otp","fileInput","counter","counterSize","fileUpload","browse","timePicker","am","pm","pagination","root","previous","page","currentPage","first","last","stepper","rating","item","loading","infiniteScroll","loadMore","empty","rules","required","email","number","integer","capital","maxLength","minLength","strictLength","exclude","notEmpty","pattern","hotkey","then","ctrl","command","shift","alt","option","enter","escape","upArrow","downArrow","leftArrow","rightArrow","backspace","space","plus","shortcut","video","play","pause","seek","volume","showVolume","mute","unmute","enterFullscreen","exitFullscreen"],"sources":["../../src/locale/ar.ts"],"sourcesContent":["export default {\n  badge: 'شارة',\n  open: 'Open',\n  close: 'إغلاق',\n  dismiss: 'Dismiss',\n  confirmEdit: {\n    ok: 'OK',\n    cancel: 'Cancel',\n  },\n  dataIterator: {\n    noResultsText: 'لم يتم إيجاد نتائج',\n    loadingText: 'يتم جلب العناصر...',\n  },\n  dataTable: {\n    itemsPerPageText: 'عدد الصفوف لكل صفحة:',\n    ariaLabel: {\n      sortDescending: 'مرتب تنازلياً.',\n      sortAscending: 'مرتب تصاعدياً.',\n      sortNone: 'غير مرتب.',\n      activateNone: 'نشط لإزالة الترتيب.',\n      activateDescending: 'نشط للترتيب تنازلياً.',\n      activateAscending: 'نشط للترتيب تصاعدياً.',\n    },\n    sortBy: 'رتب حسب',\n  },\n  dataFooter: {\n    itemsPerPageText: 'عدد العناصر لكل صفحة:',\n    itemsPerPageAll: 'الكل',\n    nextPage: 'الصفحة التالية',\n    prevPage: 'الصفحة السابقة',\n    firstPage: 'الصفحة الأولى',\n    lastPage: 'الصفحة الأخيرة',\n    pageText: '{0}-{1} من {2}',\n  },\n  dateRangeInput: {\n    divider: 'to',\n  },\n  datePicker: {\n    itemsSelected: '{0} محدد',\n    range: {\n      title: 'اختر التواريخ',\n      header: 'أدخل التواريخ',\n    },\n    title: 'اختر التاريخ',\n    header: 'أدخل التاريخ',\n    input: {\n      placeholder: 'أدخل التاريخ',\n    },\n    ariaLabel: {\n      previousMonth: 'الشهر السابق',\n      nextMonth: 'الشهر التالي',\n      selectYear: 'اختر السنة',\n      selectDate: '{0}',\n      currentDate: 'اليوم، {0}',\n    },\n  },\n  noDataText: 'لا توجد بيانات',\n  carousel: {\n    prev: 'المعروض السابق',\n    next: 'المعروض التالي',\n    ariaLabel: {\n      delimiter: 'المعروض رقم {0} من {1}',\n    },\n  },\n  calendar: {\n    moreEvents: '{0} أكثر',\n    today: 'Today',\n  },\n  input: {\n    clear: 'Clear {0}',\n    prependAction: '{0} prepended action',\n    appendAction: '{0} appended action',\n    otp: 'Please enter OTP character {0}',\n  },\n  fileInput: {\n    counter: '{0} ملفات',\n    counterSize: '{0} ملفات ({1} في المجموع)',\n  },\n  fileUpload: {\n    title: 'Drag and drop files here',\n    divider: 'or',\n    browse: 'Browse Files',\n  },\n  timePicker: {\n    am: 'صباحاً',\n    pm: 'مساءً',\n    title: 'Select Time',\n  },\n  pagination: {\n    ariaLabel: {\n      root: 'الإنتقال بين الصفحات',\n      next: 'الصفحة التالية',\n      previous: 'الصفحة السابقة',\n      page: '{0} انتقل إلى الصفحة',\n      currentPage: '{0} الصفحة الحالية رقمها',\n      first: 'First page',\n      last: 'Last page',\n    },\n  },\n  stepper: {\n    next: 'Next',\n    prev: 'Previous',\n  },\n  rating: {\n    ariaLabel: {\n      item: 'القييم {0} من {1}',\n    },\n  },\n  loading: 'Loading...',\n  infiniteScroll: {\n    loadMore: 'Load more',\n    empty: 'No more',\n  },\n  rules: {\n    required: 'هذه الخانة مطلوبه',\n    email: 'يرجى إدخال بريد إلكتروني صالح',\n    number: 'هذه الخانة يمكن أن تحتوي على أرقام فقط',\n    integer: 'هذه الخانة يمكن أن تحتوي على أعداد صحيحة فقط',\n    capital: 'هذه الخانة يمكن أن تحتوي على أحرف كبيرة فقط',\n    maxLength: 'يجب أن تدخل بحد أقصى {0} حرف',\n    minLength: 'يجب أن تدخل بحد أدنى {0} حرف',\n    strictLength: 'طول الحقل المدخل غير صالح',\n    exclude: 'الحرف {0} غير مسموح به',\n    notEmpty: 'يرجى اختيار قيمة واحدة على الأقل',\n    pattern: 'تنسيق غير صالح',\n  },\n  hotkey: {\n    then: 'ثم',\n    ctrl: 'Ctrl',\n    command: 'Command',\n    shift: 'Shift',\n    alt: 'Alt',\n    option: 'Option',\n    enter: 'Enter',\n    escape: 'Escape',\n    upArrow: 'السهم العلوي',\n    downArrow: 'السهم السفلي',\n    leftArrow: 'السهم الأيسر',\n    rightArrow: 'السهم الأيمن',\n    backspace: 'مسافة للخلف',\n    space: 'مسافة',\n    plus: 'زائد',\n    shortcut: 'اختصار لوحة المفاتيح: {0}',\n  },\n  video: {\n    play: 'تشغيل',\n    pause: 'إيقاف مؤقت',\n    seek: 'بحث',\n    volume: 'مستوى الصوت',\n    showVolume: 'إظهار التحكم في مستوى الصوت',\n    mute: 'كتم الصوت',\n    unmute: 'إلغاء كتم الصوت',\n    enterFullscreen: 'ملء الشاشة',\n    exitFullscreen: 'الخروج من وضع ملء الشاشة',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ar.js","names":["badge","open","close","dismiss","confirmEdit","ok","cancel","dataIterator","noResultsText","loadingText","dataTable","itemsPerPageText","ariaLabel","sortDescending","sortAscending","sortNone","activateNone","activateDescending","activateAscending","sortBy","dataFooter","itemsPerPageAll","nextPage","prevPage","firstPage","lastPage","pageText","dateRangeInput","divider","datePicker","itemsSelected","range","title","header","input","placeholder","previousMonth","nextMonth","selectYear","selectDate","currentDate","noDataText","carousel","prev","next","delimiter","calendar","moreEvents","today","clear","prependAction","appendAction","otp","fileInput","counter","counterSize","fileUpload","browse","timePicker","am","pm","pagination","root","previous","page","currentPage","first","last","stepper","rating","item","loading","infiniteScroll","loadMore","empty","rules","required","email","number","integer","capital","maxLength","minLength","strictLength","exclude","notEmpty","pattern","hotkey","then","ctrl","command","shift","alt","option","enter","escape","upArrow","downArrow","leftArrow","rightArrow","backspace","space","plus","shortcut","video","play","pause","seek","volume","showVolume","mute","unmute","enterFullscreen","exitFullscreen","colorPicker","eyedropper","hueSlider","alphaSlider","redInput","greenInput","blueInput","alphaInput","hueInput","saturationInput","lightnessInput","hexInput","hexaInput","changeFormat"],"sources":["../../src/locale/ar.ts"],"sourcesContent":["export default {\n  badge: 'شارة',\n  open: 'Open',\n  close: 'إغلاق',\n  dismiss: 'Dismiss',\n  confirmEdit: {\n    ok: 'OK',\n    cancel: 'Cancel',\n  },\n  dataIterator: {\n    noResultsText: 'لم يتم إيجاد نتائج',\n    loadingText: 'يتم جلب العناصر...',\n  },\n  dataTable: {\n    itemsPerPageText: 'عدد الصفوف لكل صفحة:',\n    ariaLabel: {\n      sortDescending: 'مرتب تنازلياً.',\n      sortAscending: 'مرتب تصاعدياً.',\n      sortNone: 'غير مرتب.',\n      activateNone: 'نشط لإزالة الترتيب.',\n      activateDescending: 'نشط للترتيب تنازلياً.',\n      activateAscending: 'نشط للترتيب تصاعدياً.',\n    },\n    sortBy: 'رتب حسب',\n  },\n  dataFooter: {\n    itemsPerPageText: 'عدد العناصر لكل صفحة:',\n    itemsPerPageAll: 'الكل',\n    nextPage: 'الصفحة التالية',\n    prevPage: 'الصفحة السابقة',\n    firstPage: 'الصفحة الأولى',\n    lastPage: 'الصفحة الأخيرة',\n    pageText: '{0}-{1} من {2}',\n  },\n  dateRangeInput: {\n    divider: 'to',\n  },\n  datePicker: {\n    itemsSelected: '{0} محدد',\n    range: {\n      title: 'اختر التواريخ',\n      header: 'أدخل التواريخ',\n    },\n    title: 'اختر التاريخ',\n    header: 'أدخل التاريخ',\n    input: {\n      placeholder: 'أدخل التاريخ',\n    },\n    ariaLabel: {\n      previousMonth: 'الشهر السابق',\n      nextMonth: 'الشهر التالي',\n      selectYear: 'اختر السنة',\n      selectDate: '{0}',\n      currentDate: 'اليوم، {0}',\n    },\n  },\n  noDataText: 'لا توجد بيانات',\n  carousel: {\n    prev: 'المعروض السابق',\n    next: 'المعروض التالي',\n    ariaLabel: {\n      delimiter: 'المعروض رقم {0} من {1}',\n    },\n  },\n  calendar: {\n    moreEvents: '{0} أكثر',\n    today: 'Today',\n  },\n  input: {\n    clear: 'Clear {0}',\n    prependAction: '{0} prepended action',\n    appendAction: '{0} appended action',\n    otp: 'Please enter OTP character {0}',\n  },\n  fileInput: {\n    counter: '{0} ملفات',\n    counterSize: '{0} ملفات ({1} في المجموع)',\n  },\n  fileUpload: {\n    title: 'Drag and drop files here',\n    divider: 'or',\n    browse: 'Browse Files',\n  },\n  timePicker: {\n    am: 'صباحاً',\n    pm: 'مساءً',\n    title: 'Select Time',\n  },\n  pagination: {\n    ariaLabel: {\n      root: 'الإنتقال بين الصفحات',\n      next: 'الصفحة التالية',\n      previous: 'الصفحة السابقة',\n      page: '{0} انتقل إلى الصفحة',\n      currentPage: '{0} الصفحة الحالية رقمها',\n      first: 'First page',\n      last: 'Last page',\n    },\n  },\n  stepper: {\n    next: 'Next',\n    prev: 'Previous',\n  },\n  rating: {\n    ariaLabel: {\n      item: 'القييم {0} من {1}',\n    },\n  },\n  loading: 'Loading...',\n  infiniteScroll: {\n    loadMore: 'Load more',\n    empty: 'No more',\n  },\n  rules: {\n    required: 'هذه الخانة مطلوبه',\n    email: 'يرجى إدخال بريد إلكتروني صالح',\n    number: 'هذه الخانة يمكن أن تحتوي على أرقام فقط',\n    integer: 'هذه الخانة يمكن أن تحتوي على أعداد صحيحة فقط',\n    capital: 'هذه الخانة يمكن أن تحتوي على أحرف كبيرة فقط',\n    maxLength: 'يجب أن تدخل بحد أقصى {0} حرف',\n    minLength: 'يجب أن تدخل بحد أدنى {0} حرف',\n    strictLength: 'طول الحقل المدخل غير صالح',\n    exclude: 'الحرف {0} غير مسموح به',\n    notEmpty: 'يرجى اختيار قيمة واحدة على الأقل',\n    pattern: 'تنسيق غير صالح',\n  },\n  hotkey: {\n    then: 'ثم',\n    ctrl: 'Ctrl',\n    command: 'Command',\n    shift: 'Shift',\n    alt: 'Alt',\n    option: 'Option',\n    enter: 'Enter',\n    escape: 'Escape',\n    upArrow: 'السهم العلوي',\n    downArrow: 'السهم السفلي',\n    leftArrow: 'السهم الأيسر',\n    rightArrow: 'السهم الأيمن',\n    backspace: 'مسافة للخلف',\n    space: 'مسافة',\n    plus: 'زائد',\n    shortcut: 'اختصار لوحة المفاتيح: {0}',\n  },\n  video: {\n    play: 'تشغيل',\n    pause: 'إيقاف مؤقت',\n    seek: 'بحث',\n    volume: 'مستوى الصوت',\n    showVolume: 'إظهار التحكم في مستوى الصوت',\n    mute: 'كتم الصوت',\n    unmute: 'إلغاء كتم الصوت',\n    enterFullscreen: 'ملء الشاشة',\n    exitFullscreen: 'الخروج من وضع ملء الشاشة',\n  },\n  colorPicker: {\n    ariaLabel: {\n      eyedropper: 'اختيار لون من الشاشة',\n      hueSlider: 'درجة اللون',\n      alphaSlider: 'الشفافية',\n      redInput: 'أحمر',\n      greenInput: 'أخضر',\n      blueInput: 'أزرق',\n      alphaInput: 'الشفافية',\n      hueInput: 'درجة اللون',\n      saturationInput: 'التشبع اللوني',\n      lightnessInput: 'السطوع',\n      hexInput: 'قيمة HEX',\n      hexaInput: 'قيمة HEX مع الشفافية',\n      changeFormat: 'تغيير تنسيق اللون',\n    },\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/locale/az.d.ts

@@ -153,5 +153,22 @@ declare const _default: {
         enterFullscreen: string;
         exitFullscreen: string;
     };
+    colorPicker: {
+        ariaLabel: {
+            eyedropper: string;
+            hueSlider: string;
+            alphaSlider: string;
+            redInput: string;
+            greenInput: string;
+            blueInput: string;
+            alphaInput: string;
+            hueInput: string;
+            saturationInput: string;
+            lightnessInput: string;
+            hexInput: string;
+            hexaInput: string;
+            changeFormat: string;
+        };
+    };
 };
 export default _default;

package/lib/locale/az.js

@@ -152,6 +152,23 @@ export default {
     unmute: 'Səsi aç',
     enterFullscreen: 'Tam ekran',
     exitFullscreen: 'Tam ekrandan çıx'
+  },
+  colorPicker: {
+    ariaLabel: {
+      eyedropper: 'Ekrandan rəng seçin',
+      hueSlider: 'Rəng çaları',
+      alphaSlider: 'Alfa',
+      redInput: 'Qırmızı',
+      greenInput: 'Yaşıl',
+      blueInput: 'Mavi',
+      alphaInput: 'Alfa',
+      hueInput: 'Rəng çaları',
+      saturationInput: 'Doyğunluq',
+      lightnessInput: 'Açıqlıq',
+      hexInput: 'HEX dəyəri',
+      hexaInput: 'Alfa dəyəri ilə HEX',
+      changeFormat: 'Rəng formatını dəyişdirin'
+    }
   }
 };
 //# sourceMappingURL=az.js.map