vuestic-ui/dist/web-components/src/components/va-pagination/VaPagination.js

Vue 3 UI Framework

import { _ as _sfc_main } from "./VaPagination.vue_vue_type_script_setup_true_lang.js";
import { _ as _export_sfc } from "../../../plugin-vue_export-helper.js";
const _style_0 = ':root,\n:host {\n  --va-pagination-gap: 0.5rem;\n  --va-pagination-input-background: var(--va-background-primary);\n  --va-pagination-input-border-style: solid;\n  --va-pagination-input-border-width: 1px 0;\n  --va-pagination-input-text-align: center;\n  --va-pagination-input-font-size: 1rem;\n  --va-pagination-button-content-width: 0.5rem;\n  --va-pagination-button-sm-size: var(--va-button-sm-size);\n  --va-pagination-button-size: var(--va-button-size);\n  --va-pagination-button-lg-size: var(--va-button-lg-ze);\n}\n.va-pagination {\n  display: flex;\n  font-family: var(--va-font-family);\n}\n.va-pagination__input {\n  background: var(--va-pagination-input-background);\n  border-style: var(--va-pagination-input-border-style);\n  border-width: var(--va-pagination-input-border-width);\n  text-align: var(--va-pagination-input-text-align);\n  font-size: var(--va-pagination-input-font-size);\n  font-weight: normal;\n}\n.va-pagination__input--sm {\n  height: var(--va-pagination-button-sm-size);\n}\n.va-pagination__input--md {\n  height: var(--va-pagination-button-size);\n}\n.va-pagination__input--lg {\n  height: var(--va-pagination-button-lg-size);\n}\n.va-pagination__input--auto {\n  height: auto;\n}\n.va-pagination .va-button.va-input {\n  cursor: default;\n}\n.va-pagination .va-button--small {\n  height: var(--va-pagination-button-sm-size);\n  min-width: var(--va-pagination-button-sm-size);\n}\n.va-pagination .va-button--normal {\n  height: var(--va-pagination-button-size);\n  min-width: var(--va-pagination-button-size);\n}\n.va-pagination .va-button--large {\n  height: var(--va-pagination-button-lg-size);\n  min-width: var(--va-pagination-button-lg-size);\n}\n.va-pagination .va-button--ellipsis {\n  cursor: default;\n  opacity: 1;\n}\n.va-pagination .va-button--ellipsis > .va-button__content {\n  opacity: 0.4;\n}\n.va-pagination .va-button:focus-visible {\n  outline-offset: -2px;\n}\n.va-pagination .va-button:focus-visible:focus-visible {\n  outline: 2px solid var(--va-focus) !important;\n  border-radius: "inherit";\n}\n.va-pagination > :not(:first-child):not(:last-child) {\n  border-radius: 0;\n}\n.va-pagination > :first-child {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.va-pagination > :last-child {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.va-pagination--gapped.va-pagination > .va-button {\n  border-radius: var(--va-button-border-radius);\n  margin-right: var(--va-pagination-gap);\n  border-style: solid;\n}\n.va-pagination--gapped.va-pagination > .va-button:last-child {\n  margin-right: 0;\n}\n.va-pagination--bordered.va-pagination > .va-button {\n  border-style: solid;\n}\n.va-pagination--bordered.va-pagination > .va-button::before {\n  border-radius: unset;\n}\n.va-pagination--rounded.va-pagination > .va-button {\n  border-radius: 50%;\n}\n.va-pagination--rounded.va-pagination > .va-button::before {\n  border-radius: inherit;\n}\n.va-pagination--rounded.va-pagination > .va-button.va-button--small.va-button--icon-only {\n  height: var(--va-pagination-button-sm-size);\n  width: var(--va-pagination-button-sm-size);\n}\n.va-pagination--rounded.va-pagination > .va-button.va-button--small .va-button__content {\n  padding-right: var(--va-button-sm-content-px);\n  padding-left: var(--va-button-sm-content-px);\n}\n.va-pagination--rounded.va-pagination > .va-button.va-button--normal.va-button--icon-only {\n  height: var(--va-pagination-button-size);\n  width: var(--va-pagination-button-size);\n}\n.va-pagination--rounded.va-pagination > .va-button.va-button--normal .va-button__content {\n  padding-right: var(--va-button-content-px);\n  padding-left: var(--va-button-content-px);\n}\n.va-pagination--rounded.va-pagination > .va-button.va-button--large.va-button--icon-only {\n  height: var(--va-pagination-button-lg-size);\n  width: var(--va-pagination-button-lg-size);\n}\n.va-pagination--rounded.va-pagination > .va-button.va-button--large .va-button__content {\n  padding-right: var(--va-button-lg-content-px);\n  padding-left: var(--va-button-lg-content-px);\n}';
const _VaPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
  _VaPagination as _
};
//# sourceMappingURL=VaPagination.js.map