src/js/common/selectors.js - master - githubmirror/fullPage.js

src/js/common/selectors.js
75 строк3 KB
Alvaro Trigo López
- Enhancement: new state classs "fp-loaded" for lazy loaded sections #4681
03 мар 2025, 15:30
03 мар 2025, 15:3080bcdcb

// keeping central set of classnames and selectors
export const WRAPPER =               'fullpage-wrapper';
export const WRAPPER_SEL =           '.' + WRAPPER;

// slimscroll
export const SCROLLABLE =            'fp-scrollable';
export const SCROLLABLE_SEL =        '.' + SCROLLABLE;

// util
export const RESPONSIVE =            'fp-responsive';
export const NO_TRANSITION =         'fp-notransition';
export const DESTROYED =             'fp-destroyed';
export const ENABLED =               'fp-enabled';
export const VIEWING_PREFIX =        'fp-viewing';
export const ACTIVE =                'active';
export const ACTIVE_SEL =            '.' + ACTIVE;
export const COMPLETELY =            'fp-completely';
export const COMPLETELY_SEL =        '.' + COMPLETELY;
export const LOADED =                'fp-loaded';
export const LOADED_SEL =            '.' + LOADED;

// section
export const SECTION_DEFAULT_SEL =   '.section';
export const SECTION =               'fp-section';
export const SECTION_SEL =           '.' + SECTION;
export const SECTION_ACTIVE_SEL =    SECTION_SEL + ACTIVE_SEL;
export const TABLE_CELL =            'fp-tableCell';
export const TABLE_CELL_SEL =        '.' + TABLE_CELL;
export const AUTO_HEIGHT =           'fp-auto-height';
export const AUTO_HEIGHT_SEL =       '.' + AUTO_HEIGHT;
export const AUTO_HEIGHT_RESPONSIVE = 'fp-auto-height-responsive';
export const AUTO_HEIGHT_RESPONSIVE_SEL = '.' + AUTO_HEIGHT_RESPONSIVE;
export const NORMAL_SCROLL =         'fp-normal-scroll';
export const NORMAL_SCROLL_SEL =     '.' + NORMAL_SCROLL;

// section nav
export const SECTION_NAV =           'fp-nav';
export const SECTION_NAV_SEL =       '#' + SECTION_NAV;
export const SECTION_NAV_TOOLTIP =   'fp-tooltip';
export const SECTION_NAV_TOOLTIP_SEL='.'+SECTION_NAV_TOOLTIP;
export const SHOW_ACTIVE_TOOLTIP =   'fp-show-active';

// slide
export const SLIDE_DEFAULT_SEL =     '.slide';
export const SLIDE =                 'fp-slide';
export const SLIDE_SEL =             '.' + SLIDE;
export const SLIDE_ACTIVE_SEL =      SLIDE_SEL + ACTIVE_SEL;
export const SLIDES_WRAPPER =        'fp-slides';
export const SLIDES_WRAPPER_SEL =    '.' + SLIDES_WRAPPER;
export const SLIDES_CONTAINER =      'fp-slidesContainer';
export const SLIDES_CONTAINER_SEL =  '.' + SLIDES_CONTAINER;
export const TABLE =                 'fp-table';
export const OVERFLOW =              'fp-overflow';
export const OVERFLOW_SEL =          '.' + OVERFLOW;
export const IS_OVERFLOW =           'fp-is-overflow';

// slide nav
export const SLIDES_NAV =            'fp-slidesNav';
export const SLIDES_NAV_SEL =        '.' + SLIDES_NAV;
export const SLIDES_NAV_LINK_SEL =   SLIDES_NAV_SEL + ' a';
export const SLIDES_STYLED_ARROW =   'fp-arrow';
export const SLIDES_ARROW =          'fp-controlArrow';
export const SLIDES_ARROW_SEL =      '.' + SLIDES_ARROW;
export const SLIDES_PREV =           'fp-prev';
export const SLIDES_PREV_SEL =       '.' + SLIDES_PREV;
export const SLIDES_ARROW_PREV =     SLIDES_ARROW + ' ' + SLIDES_PREV;
export const SLIDES_ARROW_PREV_SEL = SLIDES_ARROW_SEL + SLIDES_PREV_SEL;
export const SLIDES_NEXT =           'fp-next';
export const SLIDES_NEXT_SEL =       '.' + SLIDES_NEXT;
export const SLIDES_ARROW_NEXT =     SLIDES_ARROW + ' ' + SLIDES_NEXT;
export const SLIDES_ARROW_NEXT_SEL = SLIDES_ARROW_SEL + SLIDES_NEXT_SEL;

// Watermark
export const WATERMARK = 'fp-watermark';
export const WATERMARK_SEL = '.' + WATERMARK;