{"version":3,"sourceRoot":"","sources":["../../src/css/ionic/ionic-swiper.ionic.scss","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAKA,QACE,kEACA,+IACA,mFACA,gHACA,iFACA,sFAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAMF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBCDE,+CACA,+CAEA,sDACA,4EAEA,qBACA,oBDFA,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"ionic-swiper.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n  --bullet-background: #{globals.$ion-primitives-neutral-800};\n  --bullet-background-active: #{globals.$ion-semantics-primary-base};\n  --progress-bar-background: #{globals.$ion-bg-neutral-boldest-default-rgb};\n  --progress-bar-background-active: #{globals.$ion-semantics-primary-600};\n  --scroll-bar-background: #{globals.$ion-bg-neutral-boldest-default-rgb};\n  --scroll-bar-background-active: #{globals.$ion-bg-neutral-boldest-press-rgb};\n  /**\n   * @prop --bullet-background: Background of the pagination bullets\n   * @prop --bullet-background-active: Background of the active pagination bullet\n   *\n   * @prop --progress-bar-background: Background of the pagination progress-bar\n   * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n   *\n   * @prop --scroll-bar-background: Background of the pagination scroll-bar\n   * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n   */\n  display: block;\n\n  user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n  background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n  background: var(--bullet-background-active);\n}\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n  background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n  background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n  background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n  display: block;\n\n  width: 100%;\n\n  text-align: center;\n}\n\n.swiper .swiper-slide {\n  @include globals.typography(globals.$ion-heading-h6-bold);\n\n  // Center slide text vertically\n  display: flex;\n  position: relative;\n\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  max-height: 100%;\n}\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n//       @include globals.pressed-state();\n//      }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n  @include mixins.position(0, 0, 0, 0);\n\n  position: absolute;\n\n  background-color: tokens.$ion-state-press;\n\n  content: \"\";\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n//       @include globals.disable-state();\n//      }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n  @include mixins.position(0, 0, 0, 0);\n\n  position: absolute;\n\n  background-color: tokens.$ion-state-disabled;\n\n  content: \"\";\n\n  pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n//       @include globals.focused-state();\n//      }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n  // Use default values if null is passed\n  $width: if($width != null, $width, tokens.$ion-border-size-050);\n  $style: if($style != null, $style, tokens.$ion-border-style-solid);\n  $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n  @if $addOffset {\n    outline-offset: $width;\n  }\n\n  outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n  font-family: map-get($properties, font-family);\n  font-size: map-get($properties, font-size);\n  font-weight: map-get($properties, font-weight);\n\n  letter-spacing: map-get($properties, letter-spacing);\n  line-height: map-get($properties, line-height);\n\n  text-decoration: map-get($properties, text-decoration);\n  text-transform: map-get($properties, text-transform);\n}\n"]}