body:init {
	footer {
		background-image: url("/images/activecss-back-footer.webp") after 100ms;
	}
}

a:not(.outsideLink):not([target="_blank"]):click, form:not(.outsideLink):submit {
	prevent-default: true;
}

.ajax-full:click, .intoDocs:largeDevice:not(.leftSelected):not(.minned):click,
.intoDocs:not(.str-LeftMenuListItem):smallDevice:click, .intoDocs.noSubMenu:smallDevice:click {
	url-change: "{@href}" "{@data-title}";
	~inPageDelays {
		trigger: cancel;
	}
	#adm-SearchRes {
		add-class: .hide;
	}
}

.ajax-full:click, .intoDocs:largeDevice:not(.leftSelected):not(.minned):click {
	ajax: "{@data-ajax}" get html;
}

.intoDocs:not(.str-LeftMenuListItem):smallDevice:click, .intoDocs.noSubMenu:smallDevice:click {
	ajax: "{@data-ajax}" get html cache;	/* no pre-get on smaller devices */
}

/*************************/
/* Ajax-pre-get commands */
/*************************/

body:not(.str-Testbed) a:not(.outsideLink):not([target=_blank]):not(.noCache):largeDevice:mouseover, body:not(.str-Testbed) form:not(.outsideLink):not(.noCache):largeDevice:mouseover {
	ajax-pre-get: "{@data-ajax}" get html max(4);
}


/**********************/
/* AfterAjax commands */
/**********************/

.ajax-full:afterAjax, .intoDocs:afterAjax {
	body {
		scroll-y: top;
	}
	#arribaFixed {
		set-class: .pos-Menu{@data-act-menu};
	}
	#ul-MenuDocs, #ul-MenuDownloads, #ul-MenuAbout, #ul-MenuAccount, #ul-MenuAdmin, #ul-MenuLogin {
		add-class: .hideMenu;
	}
	#li-MenuDocs, #lnk-AdminDocs, #li-MenuDownloads, #li-MenuAbout, #lnk-AdminAbout, #lnk-AdminDownloads, #li-MenuAccount, #lnk-AdminAccount, #li-MenuAdmin, #li-MenuLogin, #li-AdminLogin {
		remove-class: .menushowing;
	}
	body {
		remove-class: .mainmenuon;
		set-class: {@data-body};
	}
	#mob-Item{@data-act-menu} {
		take-class: .mainSel;
	}
}

.intoDocs:afterAjax {
	#str-ContentInner {
		render: "{$STRING}";
	}
	#{@data-subme} {
		take-class: .leftSubSelected;
	}
	#{@data-top-menu} {
		take-class: .leftSelected;
	}
	#subMenu-{@data-menu} {
		take-class: .subMenuShow after stack;
	}
	#li-MenuDocs {
		take-class: .topCurrent;
	}
	#arribaFixed {
		set-class: .pos-Menu{@data-act-menu};
	}
	.leftSubSelected {
		scroll-into-view: behaviour-smooth block-center after stack;
	}
	#str-LeftCol {
		remove-class: .hide;
	}
	#str-DocsWrap {
		add-class: .mobDocsSel;
	}
	#mob-ItemDocs {
		add-class: .mobDocsSelTop;
	}
}

.ajax-full:afterAjax {
	#str-LeftCol {
		add-class: .hide;
	}
	#str-ContentInner {
		render: "{$STRING}";
	}
	.leftSelected {
		remove-class: .leftSelected;
	}
	.subMenuShow {
		remove-class: .subMenuShow;
	}
	#str-DocsWrap {
		remove-class: .mobDocsSel;
	}
	#mob-ItemDocs {
		remove-class: .mobDocsSelTop;
	}
}


/****** End of after Ajax ******/


/*********************** Start of Searchbox - ajax ***********************/

#adm-Search:searchNotEmpty:input, #adm-Search:searchNotEmpty:click {
	var: res "", noresults "";
	#adm-SearchForm {
		ajax-form-submit: post json cache after stack;	/* makes sure this happens after the vars get reset, as the cache makes things instant. */
	}
}

#adm-Search:searchResults:afterAjaxFormSubmit {
	#adm-SearchRes {
		render: "";
	}
	@each item in {res} {
		#adm-SearchRes {
			render-before-end: "{|searchComponent}";
		}
	}
}

#adm-Search:noSearchResults:afterAjaxFormSubmit {
	#adm-SearchRes {
		render: "{|noSearchComponent}";
	}
}

/*********************** End of Searchbox - ajax ***********************/


#feedbackForm:submit {
	ajax-form-submit: post json;
	var: success null, erred null;	/* wipe these or they remain in memory */
	#feedbackErr {
		add-class: .hide;
	}
	.erredField {
		remove-class: .erredField;
	}
	#fbSubmit {
		set-attribute: value "Sending...";
		set-property: disabled true;
	}
}

#feedbackForm:not-if-empty({success}):afterAjaxFormSubmit {
	render: "<p>Thank you for your feedback!</p><p>We will get back to you as soon as we can.</p>";
	scroll-into-view: behaviour-smooth block-center;
	#contactFormHeader {
		render: "Message sent!";
	}
}

#feedbackForm:not-if-empty({erred}):afterAjaxFormSubmit {
	#fbSubmit {
		set-attribute: value "Submit";
		set-property: disabled false;
	}
	#feedbackErr {
		remove-class: .hide;
		scroll-into-view: behaviour-smooth block-center;
	}
	@each field in {errField} {
		#{field} {
			add-class: .erredField;
		}
	}
}


.stars:draw {
	background: url(/images/stars.png) repeat top center after 1s;
}

.twinkling:draw {
	background: transparent url(/images/twinkling.png) repeat top center after 1s;
}

/***
 * This is mostly old version 1 code from 2019 (except the examples) built as the core was developed. Some of it could be upgraded.
 * This config file includes all the examples used on this website, loaded up in one go on page load.
 *
 * Offline, this code is stored in separate files, and the SPA routing at the bottom of the file (the pages {...} stuff) is generated on-the-fly into a text
 * file when the website pages are compiled to static files. All the config files are then concatenated with grunt into one file - hence you see only one file here.
 * There is no minifier for Active CSS yet.
**/

body:init {
	run: {=
		/* When run as a function when scrolling, this toggles a class in the menu bar to make it bigger and smaller. */
		var lastScrollTop = 0;
		window.requestScroll = o => {
			let st = window.pageYOffset || document.documentElement.scrollTop;
			let menuBar = document.getElementById('adm-NavigBar');
			if (st > lastScrollTop) {
				/* Downscroll code */
				menuBar.classList.add('mobMenuSlid');
			} else {
				/* Upscroll code */
				menuBar.classList.remove('mobMenuSlid');
			}
			lastScrollTop = (st <= 0) ? 0 : st;
		};
	=};
}

img[data-cjs-image]:draw, picture source[data-cjs-image]:draw {
	load-images: data-cjs-image;
	opacity: 1 after stack;
}

/* Global defaults */
a:not(.outsideLink):not([target="_blank"]):click, form:not(.outsideLink):submit {
	prevent-default: true;
}


/* Mobile menu */
#str-LeftPanelCloser:click, #burger:click {
	body {
		toggle-class: .menu-open;
	}
}

/* Dropdown admin menu */

#adm-NavigBar:click, .lnk-Pages:click {
	.adm-MenuItem {
		remove-class: .topCurrent;
	}
}

.lnk-Menu:mousedown, .str-DropDown:not(.str-MenuLogin) a:mousedown {
	add-class: .rippleIn;
	remove-class: .rippleOut;
}

.lnk-Menu:mouseup, .str-DropDown:not(.str-MenuLogin) a:mouseup {
	remove-class: .rippleIn;
	add-class: .rippleOut;
}

.lnk-Menu:mouseout, .str-DropDown:not(.str-MenuLogin) a:mouseout {
	remove-class: .rippleIn, .rippleOut;
}

.adm-MenuItem:click {
	take-class: .topCurrent;
}

.adm-MenuItem:click, .lnk-Menu:click, #lnk-AdminIndex:click, #str-Content:click, footer:click, #str-LeftCol:click {
	.str-NavigSubMenus {
		add-class: .hideMenu;
	}
	.menushowing {
		remove-class: .menushowing;
	}
	body {
		remove-class: .mainmenuon;
	}
	.adm-MenuItem {
		remove-class: .topCurrent;
	}
}

.menushowing:click, #adm-Search:click {
	body {
		remove-class: .mainmenuon after 100ms;
	}
	.str-NavigSubMenus {
		add-class: .hideMenu after 100ms;
	}
	.menushowing {
		remove-class: .menushowing after 100ms;
	}
}

#li-MenuDocs:not(.menushowing):click, body.mainmenuon #lnk-AdminDocs:largeDevice:mouseover {
	.str-NavigSubMenus {
		add-class: .hideMenu;
	}
	.menushowing {
		remove-class: .menushowing;
	}
	#ul-MenuDocs {
		remove-class: .hideMenu;
		scroll-y: top;
	}
	body {
		add-class: .mainmenuon;
	}
	#li-MenuDocs, #lnk-AdminDocs {
		add-class: .menushowing;
	}
}

#li-MenuDownloads:not(.menushowing):click, body.mainmenuon #lnk-AdminDownloads:largeDevice:mouseover {
	.str-NavigSubMenus {
		add-class: .hideMenu;
	}
	.menushowing {
		remove-class: .menushowing;
	}
	#ul-MenuDownloads {
		remove-class: .hideMenu;
		scroll-y: top;
	}
	body {
		add-class: .mainmenuon;
	}
	#li-MenuDownloads, #lnk-AdminDownloads {
		add-class: .menushowing;
	}
}

#li-MenuAbout:not(.menushowing):click, body.mainmenuon #lnk-AdminAbout:largeDevice:mouseover {
	.str-NavigSubMenus {
		add-class: .hideMenu;
	}
	.menushowing {
		remove-class: .menushowing;
	}
	#ul-MenuAbout {
		remove-class: .hideMenu;
		scroll-y: top;
	}
	body {
		add-class: .mainmenuon;
	}
	#li-MenuAbout, #lnk-AdminAbout {
		add-class: .menushowing;
	}
}

#li-MenuAccount:not(.menushowing):click, body.mainmenuon #lnk-AdminAccount:largeDevice:mouseover {
	.str-NavigSubMenus {
		add-class: .hideMenu;
	}
	.menushowing {
		remove-class: .menushowing;
	}
	#ul-MenuAccount {
		remove-class: .hideMenu;
		scroll-y: top;
	}
	body {
		add-class: .mainmenuon;
	}
	#li-MenuAccount, #lnk-AdminAccount {
		add-class: .menushowing;
	}
}

.str-AdminLogin:not(.menushowing):click {
	body {
		add-class: .loginBox;
	}
	#ul-MenuLogin {
		remove-class: .hideMenu after stack;
	}
	body {
		remove-class: .menu-open;
	}
}

.loginBox .str-ModalBack:click {
	body {
		remove-class: .loginBox;
	}
	#ul-MenuLogin {
		add-class: .hideMenu;
	}
}	

#ul-MenuDocs:mouseover {
	#li-MenuDocs {
		take-class: .topCurrent;
	}
}

#ul-MenuDownloads:mouseover {
	#li-MenuDocs {
		take-class: .topCurrent;
	}
}

#ul-MenuAbout:mouseover {
	#li-MenuAbout {
		take-class: .topCurrent;
	}
}

#ul-MenuAccount:mouseover {
	#li-MenuAccount {
		take-class: .topCurrent;
	}
}

#ul-MenuLogin:mouseover {
	#li-MenuLogin {
		take-class: .topCurrent;
	}
}

#lnk-AdminIndex:mouseover {
	#arriba {
		set-class: .pos-MenuIndex;
	}
}

#lnk-AdminDocs:mouseover {
	#arriba {
		set-class: .pos-MenuDocs;
	}
}

#lnk-AdminDownloads:mouseover {
	#arriba {
		set-class: .pos-MenuDownloads;
	}
}

#lnk-AdminAbout:mouseover {
	#arriba {
		set-class: .pos-MenuAbout;
	}
}

#lnk-AdminAccount:mouseover {
	#arriba {
		set-class: .pos-MenuAccount;
	}
}

#lnk-AdminLogin:mouseover {
	#arriba {
		set-class: .pos-MenuLogin;
	}
}

#lnk-AdminPricing:mouseover {
	#arriba {
		set-class: .pos-MenuPricing;
	}
}

#lnk-AdminSupport:mouseover {
	#arriba {
		set-class: .pos-MenuSupport;
	}
}

#lnk-AdminBlog:mouseover {
	#arriba {
		set-class: .pos-MenuBlog;
	}
}

#lnk-AdminDownloads:mouseover {
	#arriba {
		set-class: .pos-MenuDownloads;
	}
}

#lnk-AdminAbout:mouseover {
	#arriba {
		set-class: .pos-MenuAbout;
	}
}

#lnk-AdminLogout:mouseover {
	#arriba {
		set-class: .pos-MenuLogout;
	}
}

.str-AdminLogin:loginBoxNotDisplay:click {
	#str-LoginEmail {
		focus-on: self after stack;	/* Needs to be at the end of the call stack as it won't focus if it's not display yet. */
	}
}

#str-Content:mouseover {
	#arriba {
		add-class: .hide;
	}
}

#li-MenuBlog:largeDevice:mouseover, #li-MenuSupport:largeDevice:mouseover, #li-MenuIndex:largeDevice:mouseover {
	.str-NavigSubMenus {
		add-class: .hideMenu;
	}
}

.noSubMenu:click {
	.str-LeftSubMenuListBlock {
		remove-class: .subMenuShow;
	}
}

/*****************/
/* Ajax commands */
/*****************/

~inPageDelays:cancel {
	.cat {
		cancel-timer: add-class, remove-class;
	}
	#myButton {
		cancel-timer: render;
	}
}

.str-LeftMenuListItem:not(.noSubMenu):not(.leftSelected):smallDevice:click {
	#{@data-top-menu} {
		take-class: .leftSelected;
	}
	#subMenu-{@data-menu} {
		take-class: .subMenuShow after stack;
	}
}

#mob-ItemDocs:click {
	toggle-class: .mobDocsSelTop;
	#str-DocsWrap {
		toggle-class: .mobDocsSel;
	}
	#str-DownloadsWrap {
		remove-class: .mobDownloadsSel;
	}
	#mob-ItemDownloads {
		remove-class: .mobDownloadsSelTop;
	}
	#str-AccountWrap {
		remove-class: .mobAccountSel;
	}
	#mob-ItemAccount {
		remove-class: .mobAccountSelTop;
	}
	#str-AboutWrap {
		remove-class: .mobAboutSel;
	}
	#mob-ItemAbout {
		remove-class: .mobAboutSelTop;
	}
}

#mob-ItemDownloads:click {
	toggle-class: .mobDownloadsSelTop;
	#str-DownloadsWrap {
		toggle-class: .mobDownloadsSel;
	}
	#str-DocsWrap {
		remove-class: .mobDocsSel;
	}
	#mob-ItemDocs {
		remove-class: .mobDocsSelTop;
	}
	#str-AccountWrap {
		remove-class: .mobAccountSel;
	}
	#mob-ItemAccount {
		remove-class: .mobAccountSelTop;
	}
	#str-AboutWrap {
		remove-class: .mobAboutSel;
	}
	#mob-ItemAbout {
		remove-class: .mobAboutSelTop;
	}
}

#mob-ItemAccount:click {
	toggle-class: .mobAccountSelTop;
	#str-AccountWrap {
		toggle-class: .mobAccountSel;
	}
	#str-DocsWrap {
		remove-class: .mobDocsSel;
	}
	#mob-ItemDocs {
		remove-class: .mobDocsSelTop;
	}
	#str-DownloadsWrap {
		remove-class: .mobDownloadsSel;
	}
	#mob-ItemDownloads {
		remove-class: .mobDownloadsSelTop;
	}
	#str-AboutWrap {
		remove-class: .mobAboutSel;
	}
	#mob-ItemAbout {
		remove-class: .mobAboutSelTop;
	}
}

#mob-ItemAbout:click {
	toggle-class: .mobAboutSelTop;
	#str-AboutWrap {
		toggle-class: .mobAboutSel;
	}
	#str-DocsWrap {
		remove-class: .mobDocsSel;
	}
	#mob-ItemDocs {
		remove-class: .mobDocsSelTop;
	}
	#str-DownloadsWrap {
		remove-class: .mobDownloadsSel;
	}
	#mob-ItemDownloads {
		remove-class: .mobDownloadsSelTop;
	}
	#str-AccountWrap {
		remove-class: .mobAccountSel;
	}
	#mob-ItemAccount {
		remove-class: .mobAccountSelTop;
	}
}

#str-AccountWrap a:click {
	take-class: .leftSubSelected;
	#str-AccountWrap {
		take-class: .mobAccountSel after 0;
	}
}

#str-DownloadsWrap a:click {
	take-class: .leftSubSelected;
	#str-DownloadsWrap {
		take-class: .mobDownloadsSel after 0;
	}
}

#str-AboutWrap a:click {
	take-class: .leftSubSelected;
	#str-AboutWrap {
		take-class: .mobAboutSel after 0;
	}
}


.str-LeftMenuListItem.leftSelected:click {
	#{@data-me} {
		remove-class: .leftSelected;
		add-class: .minned after stack;
	}
	#subMenu-{@data-menu} {
		remove-class: .subMenuShow;
	}
}

.str-LeftMenuListItem.minned:click {
	#{@data-me} {
		add-class: .leftSelected;
		remove-class: .minned;
	}
	#subMenu-{@data-menu} {
		add-class: .subMenuShow;
	}
}

.str-LeftMenuListItem:not(.minned):click {
	.minned {
		remove-class: .minned;
	}
}

body.darksky:mousemove, body.darksky:keydown {
	body {
		cancel-timer: add-class;
		remove-class: .cursorHide;
	}
	#adm-NavigBar {
		cancel-timer: add-class;
		remove-class: .hide;
	}
}

.ajax-full:click, .str-DropDown:not(.str-MenuLogin) a:click, .intoDocs:click {
	body {
		cancel-timer: add-class after 1s;
		remove-class: .cursorHide;
	}
	#adm-NavigBar {
		cancel-timer: add-class after 1s;
		remove-class: .hide;
	}
}

.ajax-full:click, .str-DropDown:not(.str-MenuAdmin):not(.str-MenuLogin) a:click, .intoDocs:click {
	prevent-default: true;
}

body.darksky:mousemove {
	body {
		add-class: .cursorHide after 3s;
	}
	#adm-NavigBar {
		add-class: .hide after 3s;
	}
}

.menu-open .str-ModalBack:click {
	body {
		remove-class: .menu-open;
	}
}


/*********************** Examples ***********************/
window:popstate {
	.str-ModalBack {
		render: "";
		remove-class: .imgPopup, .vidPopup, .spaImgPopup;
	}
}


/*********************** Start of Searchbox ***********************/
#adm-SearchForm:focus {
	#arriba {
		add-class: .hide;
	}
}

#adm-SearchForm:clickoutside, #adm-SearchForm:searchEmpty:focus, #adm-Search:searchEmpty:input, window:popstate {
	#adm-SearchRes {
		add-class: .hide;
	}
	#adm-SearchForm, #blockMessage {
		clickoutside-event: false;
	}
}

#adm-SearchForm .fa-search:click, #adm-SearchForm .icon-search:click {
	#adm-Search {
		focus-on: self;
	}
}

#adm-SearchForm:searchNotEmpty:focus, #adm-Search:searchNotEmpty:input, #adm-Search:searchNotEmpty:click {
	#adm-SearchRes {
		remove-class: .hide;
	}
	#adm-SearchForm {
		clickoutside-event: true continue;
	}
}

/*********************** End of Searchbox ***********************/

.erredField:input, .erredField:click {
	.erredField {
		remove-class: .erredField;
	}
}

/*********************** Start of growler code ***********************/

#adm-GrowlInner:mouseover {
	#adm-Growl {
		cancel-timer: add-class;
	}
}

#adm-GrowlInner:mouseout {
	#adm-Growl {
		add-class: .hide after 3s;
	}
}

~growl:display {
	#adm-GrowlInner {
		render: {growl};
	}
	~growlDisplay {
		trigger: display;
	}
}

~growlDisplay:display {
	#adm-Growl {
		remove-class: .hide;
		add-class: .hide after 3s;
	}
}

.str-BackToTop div:click {
	body {
		scroll-y: top;
	}
}

@media (max-width: 1020px) {
	body:scroll {
		func: requestScroll;
	}
}

body:scrollMore400:scroll {
	#str-BackToTopWrap {
		remove-class: .hide;
	}
}

body:scrollLess400:scroll {
	#str-BackToTopWrap {
		add-class: .hide;
	}
}

/******************/
/* Search keydown */
/******************/

#adm-Search:populatedSearch:keydownArrowDown, .srch-Res a:keydownArrowDown,
#adm-Search:populatedSearch:keydownArrowUp, .srch-Res a:keydownArrowUp {
	prevent-default: true;
}

#adm-Search:populatedSearch:keydownArrowDown {
	focus-on: .srch-Res a;
}

.srch-Res a:keyUpEnter {
	trigger: click;
}

.srch-Res a:keydownArrowDown {
	focus-on-next-cycle: .srch-Res a;
}

.srch-Res a:srchFocusNotFirst:keydownArrowUp {
	focus-on-previous: .srch-Res a;
}

.srch-Res a:srchFocusFirst:keydownArrowUp {
	focus-on: #adm-Search;
}

/*****************/
/* Cookie notice */
/*****************/

.cookiePopup:click {
	.cookieNotice {
		style: display block, opacity 1 after 100ms;
	}
}

.cookieNoticeOk:click {
	.cookieNotice {
		style: opacity 0, display none after 500ms;
	}
}

/*********************/
/* Example embedding */
/*********************/

.embedExample:click {
	#example-{@data-ref} {
		render: {|exampleIframe};
	}
	#example-edit-{@data-ref} {
		render: {|exampleIframeHide};
	}
}

.embedExampleReshow:click {
	#example-{@data-ref} {
		display: block;
	}
	#example-edit-{@data-ref} {
		render: {|exampleIframeHide};
	}
}

.example-hide:click {
	#example-{@data-ref} {
		display: none;
	}
	#example-edit-{@data-ref} {
		render: {|exampleIframeReshow};
	}
}

.embedReload:click {
	#example-{@data-ref} iframe {
		iframe-reload: true;
	}
}

.exampleRealWrap:draw {
	clone: me;
}

.resetExample:click {
	cancel-timer-all: true;
	#exampleRealWrap-{@data-ref} {
		restore-clone: #exampleRealWrap-{@data-ref};
	}
}

.fileListLink:click {
	take-class: .bolding;
	.fileListDiv:not(.hide) {
		add-class: .hide;
	}
	#spa-{@data-ref} {
		remove-class: .hide after stack;
	}
}

.termsOptions a:click {
	#terms{@data-ref} {
		remove-class: .hide after stack;
	}
	.termsPage {
		add-class: hide;
	}
}

.codeLink:click {
	add-class: .activeCode after stack;
	.codeFor_{@data-ref} {
		add-class: .hide ;
	}
	#{@data-type}{@data-ref} {
		remove-class: .hide;
	}
	.codeIcons_{@data-ref} {
		remove-class: .activeCode;
	}
}

.moreLink:click {
	toggle-class: .moreExpanded;
	#{@data-ref} {
		toggle-class: .moreExpanded;
		scroll-into-view: true after stack;
	}
}

/* Core download page */

.str-CoreToggleMore:if-inner-text(self "View details"):click {
	render: "Hide details";
	#str-CoreToggleMore-{@data-ref} {
		remove-class: .hide;
		scroll-into-view: block-center inline-nearest after stack;
	}
}

.str-CoreToggleMore:if-inner-text(self "Hide details"):click {
	render: "View details";
	#str-CoreToggleMore-{@data-ref} {
		add-class: .hide;
		scroll-into-view: block-center inline-nearest after stack;
	}
}

/* Components */

@component searchComponent {
	html {
		<div class="{item.class}">
			<a href="{item.link}">
				<span class="srch-MainTitle">{item.data-show-main-title}</span><span class="srch-SubTitle">{item.data-show-sub-title}</span>
			</a>
		</div>
	}
}

@component noSearchComponent {
	html {
		<div class="srch-NoResults">No results found.</div>
	}
}

@component exampleIframe {
	html {
		<iframe src="{@data-sandbox}" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
			title="Active CSS Hello World"
			allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
			sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin">
		</iframe>
	}
}

@component exampleIframeHide {
	html {
		<a class="example-hide" data-ref="{@data-ref}" href="">Close embed</a>, <a class="embedReload" data-ref="{@data-ref}" href="">reload</a>
	}
}

@component exampleIframeReshow {
	html {
		View full source&nbsp;
		<a class="embedExampleReshow" data-ref="{@data-ref}" href="">here</a>
	}
}

/* Conditionals */
@conditional smallDevice {
	if-media-max-width: 1020px;
}

@conditional largeDevice {
	if-media-min-width: 1021px;
}

@conditional leftMenuIsDrawn {
	if-display: #str-LeftCol;
}

@conditional leftMenuIsNotDrawn {
	!if-display: #str-LeftCol;
}

@conditional searchEmpty {
	if-max-length: #adm-Search 2;
	if-empty: #adm-Search;
}

@conditional searchNotEmpty {
	if-min-length: #adm-Search 3;
	!if-empty: #adm-Search;
}

@conditional searchResults {
	!if-empty: {res};
}

@conditional noSearchResults {
	!if-empty: {noresults};
}

@conditional scrollMore400 {
	if-scrolltop-greater: 400;
}

@conditional scrollLess400 {
	if-scrolltop-less: 400;
}

/******************/
/* Search keydown */
/******************/

@conditional populatedSearch {
	if-exists: #adm-SearchRes;
	if-display: #adm-SearchRes;
	!if-exists: .srch-NoResults;
}

@conditional srchFocusFirst {
	if-focus-first: .srch-Res a;
}

@conditional srchFocusNotFirst {
	!if-focus-first: .srch-Res a;
}

/* Auto-generated page list file */
/* Classes allowed in here are for action behaviour ONLY - never styling. */
@pages {
	"/": class="ajax-full" data-ajax="/html/index.html?v=1699808885" data-act-menu="Index" data-body=".str-Index" data-title="Active CSS";
	"/index.html": class="ajax-full" data-ajax="/html/index.html?v=1699808885" data-act-menu="Index" data-body=".str-Index" data-title="Active CSS";
	"/core.html": class="ajax-full" data-ajax="/html/core.html?v=1699808885" data-act-menu="Downloads" data-body=".str-Core" data-title="Active CSS Core";
	"/docs-download.html": class="ajax-full" data-ajax="/html/docs-download.html?v=1699808885" data-act-menu="Downloads" data-body=".str-Docsdownload" data-title="Docs Download";
	"/devtools.html": class="ajax-full" data-ajax="/html/devtools.html?v=1699808885" data-act-menu="Downloads" data-body=".str-Devtools" data-title="Active CSS DevTools";
	"/featured.html": class="ajax-full" data-ajax="/html/featured.html?v=1699808885" data-act-menu="Downloads" data-body=".str-Featured" data-title="Featured in new release";
	"/credits.html": class="ajax-full" data-ajax="/html/credits.html?v=1699808885" data-act-menu="About" data-body=".str-Credits .darksky" data-title="Credits";
	"/privacy-policy.html": class="ajax-full" data-ajax="/html/privacy-policy.html?v=1699808885" data-act-menu="" data-body=".str-Privacypolicy" data-title="Privacy Policy";
	"/faq.html": class="ajax-full" data-ajax="/html/faq.html?v=1699808885" data-act-menu="About" data-body=".str-Faq" data-title="FAQ";
	"/roadmap.html": class="ajax-full" data-ajax="/html/roadmap.html?v=1699808885" data-act-menu="About" data-body=".str-Roadmap" data-title="Roadmap";
	"/support.html": class="ajax-full" data-ajax="/html/support.html?v=1699808885" data-act-menu="Support" data-body=".str-Support" data-title="Support";
	"/terms-and-conditions.html": class="ajax-full" data-ajax="/html/terms-and-conditions.html?v=1699808885" data-act-menu="" data-body=".str-Termsandconditions" data-title="Terms and Conditions";
	"/blog/active_css_version_2_released.html": class="ajax-full" data-ajax="/html/blog/active_css_version_2_released.html?v=1589722988" data-act-menu="About" data-body=".str-Blog" data-title="Blog";
	"/blog/version_230__sequential_commands.html": class="ajax-full" data-ajax="/html/blog/version_230__sequential_commands.html?v=1597679312" data-act-menu="About" data-body=".str-Blog" data-title="Blog";
	"/blog/version_240_release.html": class="ajax-full" data-ajax="/html/blog/version_240_release.html?v=1609086766" data-act-menu="About" data-body=".str-Blog" data-title="Blog";
	"/blog/version_250_release.html": class="ajax-full" data-ajax="/html/blog/version_250_release.html?v=1616005655" data-act-menu="About" data-body=".str-Blog" data-title="Blog";
	"/blog/version_290_release.html": class="ajax-full" data-ajax="/html/blog/version_290_release.html?v=1641207493" data-act-menu="About" data-body=".str-Blog" data-title="Blog";
	"/blog.html": class="ajax-full" data-ajax="/html/blog.html?v=1699808885" data-act-menu="About" data-body=".str-Blog" data-title="Blog";
	"/manual/actions.html": class="intoDocs" data-ajax="/html/manual/actions.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000005" data-menu="menu_00000005" data-subme="lmnSub-00000026" data-title="Action commands" data-top-menu="lmn-00000005";
	"/manual/components_old.html": class="intoDocs noSubMenu" data-ajax="/html/manual/components_old.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000008" data-menu="menu_00000008" data-subme="dummy" data-title="Components &amp; Shadow DOM" data-top-menu="lmn-00000008";
	"/manual/conditionals.html": class="intoDocs" data-ajax="/html/manual/conditionals.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000007" data-menu="menu_00000007" data-subme="lmnSub-00000064" data-title="Conditional pseudo-selectors" data-top-menu="lmn-00000007";
	"/manual/debugging.html": class="intoDocs noSubMenu" data-ajax="/html/manual/debugging.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000009" data-menu="menu_00000009" data-subme="dummy" data-title="Debugging" data-top-menu="lmn-00000009";
	"/manual/events.html": class="intoDocs" data-ajax="/html/manual/events.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000003" data-menu="menu_00000003" data-subme="lmnSub-00000014" data-title="Events" data-top-menu="lmn-00000003";
	"/manual/examples.html": class="intoDocs" data-ajax="/html/manual/examples.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000011" data-menu="menu_00000011" data-subme="lmnSub-00000189" data-title="Examples" data-top-menu="lmn-00000011";
	"/manual/html-blocks.html": class="intoDocs" data-ajax="/html/manual/html-blocks.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000033" data-menu="menu_00000033" data-subme="lmnSub-00000283" data-title="Active CSS Components" data-top-menu="lmn-00000033";
	"/manual/if.html": class="intoDocs" data-ajax="/html/manual/if.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000030" data-menu="menu_00000030" data-subme="lmnSub-00000313" data-title="Control flow" data-top-menu="lmn-00000030";
	"/manual/": class="intoDocs" data-ajax="/html/manual/index.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000001" data-menu="menu_00000001" data-subme="lmnSub-00000261" data-title="Introduction" data-top-menu="lmn-00000001";
	"/manual/index.html": class="intoDocs" data-ajax="/html/manual/index.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000001" data-menu="menu_00000001" data-subme="lmnSub-00000261" data-title="Introduction" data-top-menu="lmn-00000001";
	"/manual/installation.html": class="intoDocs noSubMenu" data-ajax="/html/manual/installation.html?v=1699808833" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000027" data-menu="menu_00000027" data-subme="dummy" data-title="Installation" data-top-menu="lmn-00000027";
	"/manual/introduction-to-components.html": class="intoDocs" data-ajax="/html/manual/introduction-to-components.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000032" data-menu="menu_00000032" data-subme="lmnSub-00000274" data-title="Components" data-top-menu="lmn-00000032";
	"/manual/php-spa-very-basic-form-handling.html": class="intoDocs" data-ajax="/html/manual/php-spa-very-basic-form-handling.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000028" data-menu="menu_00000028" data-subme="lmnSub-00000298" data-title="Technical articles" data-top-menu="lmn-00000028";
	"/manual/reusable-components.html": class="intoDocs noSubMenu" data-ajax="/html/manual/reusable-components.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000034" data-menu="menu_00000034" data-subme="dummy" data-title="Reusable Components" data-top-menu="lmn-00000034";
	"/manual/selectors.html": class="intoDocs" data-ajax="/html/manual/selectors.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000024" data-menu="menu_00000024" data-subme="lmnSub-00000124" data-title="Selectors" data-top-menu="lmn-00000024";
	"/manual/single-page-applications.html": class="intoDocs" data-ajax="/html/manual/single-page-applications.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000036" data-menu="menu_00000036" data-subme="lmnSub-00000301" data-title="Single Page Applications" data-top-menu="lmn-00000036";
	"/manual/variables-and-javascript.html": class="intoDocs" data-ajax="/html/manual/variables-and-javascript.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmn-00000026" data-menu="menu_00000026" data-subme="lmnSub-00000163" data-title="Variables and JavaScript" data-top-menu="lmn-00000026";
	"/manual/active-css-code-editor.html": class="intoDocs" data-ajax="/html/manual/active-css-code-editor.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000294" data-menu="menu_00000034" data-subme="lmnSub-00000294" data-title="Active CSS Code Editor" data-top-menu="lmn-00000034";
	"/manual/add-class.html": class="intoDocs" data-ajax="/html/manual/add-class.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000027" data-menu="menu_00000005" data-subme="lmnSub-00000027" data-title="add-class" data-top-menu="lmn-00000005";
	"/manual/add-hash.html": class="intoDocs" data-ajax="/html/manual/add-hash.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000305" data-menu="menu_00000005" data-subme="lmnSub-00000305" data-title="add-hash" data-top-menu="lmn-00000005";
	"/manual/after-events.html": class="intoDocs" data-ajax="/html/manual/after-events.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000122" data-menu="menu_00000003" data-subme="lmnSub-00000122" data-title="The ajax command response events" data-top-menu="lmn-00000003";
	"/manual/ajax-form-preview.html": class="intoDocs" data-ajax="/html/manual/ajax-form-preview.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000030" data-menu="menu_00000005" data-subme="lmnSub-00000030" data-title="ajax-form-preview" data-top-menu="lmn-00000005";
	"/manual/ajax-form-submit.html": class="intoDocs" data-ajax="/html/manual/ajax-form-submit.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000029" data-menu="menu_00000005" data-subme="lmnSub-00000029" data-title="ajax-form-submit" data-top-menu="lmn-00000005";
	"/manual/ajax-pre-get.html": class="intoDocs" data-ajax="/html/manual/ajax-pre-get.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000130" data-menu="menu_00000005" data-subme="lmnSub-00000130" data-title="ajax-pre-get" data-top-menu="lmn-00000005";
	"/manual/ajax.html": class="intoDocs" data-ajax="/html/manual/ajax.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000028" data-menu="menu_00000005" data-subme="lmnSub-00000028" data-title="ajax" data-top-menu="lmn-00000005";
	"/manual/alert.html": class="intoDocs" data-ajax="/html/manual/alert.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000131" data-menu="menu_00000005" data-subme="lmnSub-00000131" data-title="alert" data-top-menu="lmn-00000005";
	"/manual/attributes.html": class="intoDocs" data-ajax="/html/manual/attributes.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000120" data-menu="menu_00000026" data-subme="lmnSub-00000120" data-title="Using DOM attributes and properties" data-top-menu="lmn-00000026";
	"/manual/blur.html": class="intoDocs" data-ajax="/html/manual/blur.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000157" data-menu="menu_00000005" data-subme="lmnSub-00000157" data-title="blur" data-top-menu="lmn-00000005";
	"/manual/bookmarkable-hash-pages.html": class="intoDocs" data-ajax="/html/manual/bookmarkable-hash-pages.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000304" data-menu="menu_00000036" data-subme="lmnSub-00000304" data-title="Bookmarkable hash pages" data-top-menu="lmn-00000036";
	"/manual/button-counters.html": class="intoDocs" data-ajax="/html/manual/button-counters.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000270" data-menu="menu_00000011" data-subme="lmnSub-00000270" data-title="Button counters &amp; variable scopes" data-top-menu="lmn-00000011";
	"/manual/cancel-pause.html": class="intoDocs" data-ajax="/html/manual/cancel-pause.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000343" data-menu="menu_00000005" data-subme="lmnSub-00000343" data-title="cancel-pause" data-top-menu="lmn-00000005";
	"/manual/cancel-timer-all.html": class="intoDocs" data-ajax="/html/manual/cancel-timer-all.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000133" data-menu="menu_00000005" data-subme="lmnSub-00000133" data-title="cancel-timer-all" data-top-menu="lmn-00000005";
	"/manual/cancel-timer.html": class="intoDocs" data-ajax="/html/manual/cancel-timer.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000031" data-menu="menu_00000005" data-subme="lmnSub-00000031" data-title="cancel-timer" data-top-menu="lmn-00000005";
	"/manual/click-on-first.html": class="intoDocs" data-ajax="/html/manual/click-on-first.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000216" data-menu="menu_00000005" data-subme="lmnSub-00000216" data-title="click-on-first" data-top-menu="lmn-00000005";
	"/manual/click-on-last.html": class="intoDocs" data-ajax="/html/manual/click-on-last.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000217" data-menu="menu_00000005" data-subme="lmnSub-00000217" data-title="click-on-last" data-top-menu="lmn-00000005";
	"/manual/click-on-next-cycle.html": class="intoDocs" data-ajax="/html/manual/click-on-next-cycle.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000219" data-menu="menu_00000005" data-subme="lmnSub-00000219" data-title="click-on-next-cycle" data-top-menu="lmn-00000005";
	"/manual/click-on-next.html": class="intoDocs" data-ajax="/html/manual/click-on-next.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000218" data-menu="menu_00000005" data-subme="lmnSub-00000218" data-title="click-on-next" data-top-menu="lmn-00000005";
	"/manual/click-on-previous-cycle.html": class="intoDocs" data-ajax="/html/manual/click-on-previous-cycle.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000221" data-menu="menu_00000005" data-subme="lmnSub-00000221" data-title="click-on-previous-cycle" data-top-menu="lmn-00000005";
	"/manual/click-on-previous.html": class="intoDocs" data-ajax="/html/manual/click-on-previous.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000220" data-menu="menu_00000005" data-subme="lmnSub-00000220" data-title="click-on-previous" data-top-menu="lmn-00000005";
	"/manual/clickoutside-event.html": class="intoDocs" data-ajax="/html/manual/clickoutside-event.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000156" data-menu="menu_00000005" data-subme="lmnSub-00000156" data-title="clickoutside-event" data-top-menu="lmn-00000005";
	"/manual/clock-with-binding.html": class="intoDocs" data-ajax="/html/manual/clock-with-binding.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000237" data-menu="menu_00000011" data-subme="lmnSub-00000237" data-title="Clock with variable binding" data-top-menu="lmn-00000011";
	"/manual/clock-without-binding.html": class="intoDocs" data-ajax="/html/manual/clock-without-binding.html?v=1699808834" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000232" data-menu="menu_00000011" data-subme="lmnSub-00000232" data-title="Clock without variable binding" data-top-menu="lmn-00000011";
	"/manual/clone.html": class="intoDocs" data-ajax="/html/manual/clone.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000039" data-menu="menu_00000005" data-subme="lmnSub-00000039" data-title="clone" data-top-menu="lmn-00000005";
	"/manual/component-add-remove.html": class="intoDocs" data-ajax="/html/manual/component-add-remove.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000264" data-menu="menu_00000011" data-subme="lmnSub-00000264" data-title="Component - add/remove" data-top-menu="lmn-00000011";
	"/manual/component-ajax.html": class="intoDocs" data-ajax="/html/manual/component-ajax.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000267" data-menu="menu_00000011" data-subme="lmnSub-00000267" data-title="Component - ajax" data-top-menu="lmn-00000011";
	"/manual/component-attribute-binding.html": class="intoDocs" data-ajax="/html/manual/component-attribute-binding.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000263" data-menu="menu_00000011" data-subme="lmnSub-00000263" data-title="Component - attribute binding" data-top-menu="lmn-00000011";
	"/manual/component-components-in-components.html": class="intoDocs" data-ajax="/html/manual/component-components-in-components.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000268" data-menu="menu_00000011" data-subme="lmnSub-00000268" data-title="Component - components in components" data-top-menu="lmn-00000011";
	"/manual/component-events.html": class="intoDocs" data-ajax="/html/manual/component-events.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000266" data-menu="menu_00000011" data-subme="lmnSub-00000266" data-title="Component - events" data-top-menu="lmn-00000011";
	"/manual/component-private-variables.html": class="intoDocs" data-ajax="/html/manual/component-private-variables.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000265" data-menu="menu_00000011" data-subme="lmnSub-00000265" data-title="Component - private variables" data-top-menu="lmn-00000011";
	"/manual/console-log.html": class="intoDocs" data-ajax="/html/manual/console-log.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000134" data-menu="menu_00000005" data-subme="lmnSub-00000134" data-title="console-log" data-top-menu="lmn-00000005";
	"/manual/copy-to-clipboard.html": class="intoDocs" data-ajax="/html/manual/copy-to-clipboard.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000135" data-menu="menu_00000005" data-subme="lmnSub-00000135" data-title="copy-to-clipboard" data-top-menu="lmn-00000005";
	"/manual/create-command.html": class="intoDocs" data-ajax="/html/manual/create-command.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000234" data-menu="menu_00000005" data-subme="lmnSub-00000234" data-title="@command / create-command" data-top-menu="lmn-00000005";
	"/manual/create-conditional.html": class="intoDocs" data-ajax="/html/manual/create-conditional.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000249" data-menu="menu_00000005" data-subme="lmnSub-00000249" data-title="@command / create-conditional" data-top-menu="lmn-00000005";
	"/manual/create-element.html": class="intoDocs" data-ajax="/html/manual/create-element.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000252" data-menu="menu_00000005" data-subme="lmnSub-00000252" data-title="create-element" data-top-menu="lmn-00000005";
	"/manual/css-variables-example.html": class="intoDocs" data-ajax="/html/manual/css-variables-example.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000295" data-menu="menu_00000011" data-subme="lmnSub-00000295" data-title="CSS Variables" data-top-menu="lmn-00000011";
	"/manual/custom-action-commands.html": class="intoDocs" data-ajax="/html/manual/custom-action-commands.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000164" data-menu="menu_00000005" data-subme="lmnSub-00000164" data-title="Creating action commands" data-top-menu="lmn-00000005";
	"/manual/custom-conditional-commands.html": class="intoDocs" data-ajax="/html/manual/custom-conditional-commands.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000067" data-menu="menu_00000007" data-subme="lmnSub-00000067" data-title="Custom conditional commands" data-top-menu="lmn-00000007";
	"/manual/custom-elements.html": class="intoDocs" data-ajax="/html/manual/custom-elements.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000289" data-menu="menu_00000033" data-subme="lmnSub-00000289" data-title="Custom elements (&amp;lt;like-this&amp;gt;)" data-top-menu="lmn-00000033";
	"/manual/custom-events.html": class="intoDocs" data-ajax="/html/manual/custom-events.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000159" data-menu="menu_00000003" data-subme="lmnSub-00000159" data-title="Custom events" data-top-menu="lmn-00000003";
	"/manual/delaying-actions.html": class="intoDocs" data-ajax="/html/manual/delaying-actions.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000161" data-menu="menu_00000005" data-subme="lmnSub-00000161" data-title="Delaying actions (&quot;after&quot;)" data-top-menu="lmn-00000005";
	"/manual/dialog-close.html": class="intoDocs" data-ajax="/html/manual/dialog-close.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000352" data-menu="menu_00000005" data-subme="lmnSub-00000352" data-title="dialog-close" data-top-menu="lmn-00000005";
	"/manual/dialog-show.html": class="intoDocs" data-ajax="/html/manual/dialog-show.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000353" data-menu="menu_00000005" data-subme="lmnSub-00000353" data-title="dialog-show" data-top-menu="lmn-00000005";
	"/manual/document-title.html": class="intoDocs" data-ajax="/html/manual/document-title.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000278" data-menu="menu_00000005" data-subme="lmnSub-00000278" data-title="document-title" data-top-menu="lmn-00000005";
	"/manual/draw-event.html": class="intoDocs" data-ajax="/html/manual/draw-event.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000019" data-menu="menu_00000003" data-subme="lmnSub-00000019" data-title="The &quot;draw&quot; event" data-top-menu="lmn-00000003";
	"/manual/each.html": class="intoDocs" data-ajax="/html/manual/each.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000247" data-menu="menu_00000030" data-subme="lmnSub-00000247" data-title="@each" data-top-menu="lmn-00000030";
	"/manual/empty.html": class="intoDocs" data-ajax="/html/manual/empty.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000335" data-menu="menu_00000005" data-subme="lmnSub-00000335" data-title="empty" data-top-menu="lmn-00000005";
	"/manual/eval.html": class="intoDocs" data-ajax="/html/manual/eval.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000235" data-menu="menu_00000005" data-subme="lmnSub-00000235" data-title="eval" data-top-menu="lmn-00000005";
	"/manual/event-clickoutside.html": class="intoDocs" data-ajax="/html/manual/event-clickoutside.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000018" data-menu="menu_00000003" data-subme="lmnSub-00000018" data-title="The &quot;clickoutside&quot; event" data-top-menu="lmn-00000003";
	"/manual/event-selectors.html": class="intoDocs" data-ajax="/html/manual/event-selectors.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000117" data-menu="menu_00000024" data-subme="lmnSub-00000117" data-title="Event selectors" data-top-menu="lmn-00000024";
	"/manual/events-in-components.html": class="intoDocs" data-ajax="/html/manual/events-in-components.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000284" data-menu="menu_00000033" data-subme="lmnSub-00000284" data-title="Events in components" data-top-menu="lmn-00000033";
	"/manual/events-inside-html-blocks.html": class="intoDocs" data-ajax="/html/manual/events-inside-html-blocks.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000351" data-menu="menu_00000033" data-subme="lmnSub-00000351" data-title="Code and looping inside html blocks" data-top-menu="lmn-00000033";
	"/manual/externally-calling-actions.html": class="intoDocs" data-ajax="/html/manual/externally-calling-actions.html?v=1699808835" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000231" data-menu="menu_00000005" data-subme="lmnSub-00000231" data-title="Calling commands from JS" data-top-menu="lmn-00000005";
	"/manual/fade-in.html": class="intoDocs" data-ajax="/html/manual/fade-in.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000323" data-menu="menu_00000005" data-subme="lmnSub-00000323" data-title="fade-in" data-top-menu="lmn-00000005";
	"/manual/fade-out.html": class="intoDocs" data-ajax="/html/manual/fade-out.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000324" data-menu="menu_00000005" data-subme="lmnSub-00000324" data-title="fade-out" data-top-menu="lmn-00000005";
	"/manual/fade-to.html": class="intoDocs" data-ajax="/html/manual/fade-to.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000325" data-menu="menu_00000005" data-subme="lmnSub-00000325" data-title="fade-to" data-top-menu="lmn-00000005";
	"/manual/focus-on-first.html": class="intoDocs" data-ajax="/html/manual/focus-on-first.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000193" data-menu="menu_00000005" data-subme="lmnSub-00000193" data-title="focus-on-first" data-top-menu="lmn-00000005";
	"/manual/focus-on-last.html": class="intoDocs" data-ajax="/html/manual/focus-on-last.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000194" data-menu="menu_00000005" data-subme="lmnSub-00000194" data-title="focus-on-last" data-top-menu="lmn-00000005";
	"/manual/focus-on-next-cycle.html": class="intoDocs" data-ajax="/html/manual/focus-on-next-cycle.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000196" data-menu="menu_00000005" data-subme="lmnSub-00000196" data-title="focus-on-next-cycle" data-top-menu="lmn-00000005";
	"/manual/focus-on-next.html": class="intoDocs" data-ajax="/html/manual/focus-on-next.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000195" data-menu="menu_00000005" data-subme="lmnSub-00000195" data-title="focus-on-next" data-top-menu="lmn-00000005";
	"/manual/focus-on-previous-cycle.html": class="intoDocs" data-ajax="/html/manual/focus-on-previous-cycle.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000198" data-menu="menu_00000005" data-subme="lmnSub-00000198" data-title="focus-on-previous-cycle" data-top-menu="lmn-00000005";
	"/manual/focus-on-previous.html": class="intoDocs" data-ajax="/html/manual/focus-on-previous.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000197" data-menu="menu_00000005" data-subme="lmnSub-00000197" data-title="focus-on-previous" data-top-menu="lmn-00000005";
	"/manual/focus-on.html": class="intoDocs" data-ajax="/html/manual/focus-on.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000040" data-menu="menu_00000005" data-subme="lmnSub-00000040" data-title="focus-on" data-top-menu="lmn-00000005";
	"/manual/for.html": class="intoDocs" data-ajax="/html/manual/for.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000311" data-menu="menu_00000030" data-subme="lmnSub-00000311" data-title="@for" data-top-menu="lmn-00000030";
	"/manual/form-reset.html": class="intoDocs" data-ajax="/html/manual/form-reset.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000041" data-menu="menu_00000005" data-subme="lmnSub-00000041" data-title="form-reset" data-top-menu="lmn-00000005";
	"/manual/fullscreen-exit.html": class="intoDocs" data-ajax="/html/manual/fullscreen-exit.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000207" data-menu="menu_00000005" data-subme="lmnSub-00000207" data-title="fullscreen-exit (depr.)" data-top-menu="lmn-00000005";
	"/manual/fullscreen-on.html": class="intoDocs" data-ajax="/html/manual/fullscreen-on.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000206" data-menu="menu_00000005" data-subme="lmnSub-00000206" data-title="fullscreen-on (depr.)" data-top-menu="lmn-00000005";
	"/manual/fullscreen.html": class="intoDocs" data-ajax="/html/manual/fullscreen.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000329" data-menu="menu_00000005" data-subme="lmnSub-00000329" data-title="fullscreen" data-top-menu="lmn-00000005";
	"/manual/func.html": class="intoDocs" data-ajax="/html/manual/func.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000042" data-menu="menu_00000005" data-subme="lmnSub-00000042" data-title="func" data-top-menu="lmn-00000005";
	"/manual/how-to-read-this-documentation.html": class="intoDocs" data-ajax="/html/manual/how-to-read-this-documentation.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000229" data-menu="menu_00000001" data-subme="lmnSub-00000229" data-title="How to read this documentation" data-top-menu="lmn-00000001";
	"/manual/if-completely-visible-x.html": class="intoDocs" data-ajax="/html/manual/if-completely-visible-x.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000345" data-menu="menu_00000007" data-subme="lmnSub-00000345" data-title="if-completely-visible-x" data-top-menu="lmn-00000007";
	"/manual/if-completely-visible-y.html": class="intoDocs" data-ajax="/html/manual/if-completely-visible-y.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000346" data-menu="menu_00000007" data-subme="lmnSub-00000346" data-title="if-completely-visible-y" data-top-menu="lmn-00000007";
	"/manual/if-completely-visible.html": class="intoDocs" data-ajax="/html/manual/if-completely-visible.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000167" data-menu="menu_00000007" data-subme="lmnSub-00000167" data-title="if-completely-visible" data-top-menu="lmn-00000007";
	"/manual/if-cookie-equals.html": class="intoDocs" data-ajax="/html/manual/if-cookie-equals.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000211" data-menu="menu_00000007" data-subme="lmnSub-00000211" data-title="if-cookie-equals" data-top-menu="lmn-00000007";
	"/manual/if-cookie-exists.html": class="intoDocs" data-ajax="/html/manual/if-cookie-exists.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000212" data-menu="menu_00000007" data-subme="lmnSub-00000212" data-title="if-cookie-exists" data-top-menu="lmn-00000007";
	"/manual/if-display.html": class="intoDocs" data-ajax="/html/manual/if-display.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000168" data-menu="menu_00000007" data-subme="lmnSub-00000168" data-title="if-display" data-top-menu="lmn-00000007";
	"/manual/if-empty-trimmed.html": class="intoDocs" data-ajax="/html/manual/if-empty-trimmed.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000327" data-menu="menu_00000007" data-subme="lmnSub-00000327" data-title="if-empty-trimmed" data-top-menu="lmn-00000007";
	"/manual/if-empty.html": class="intoDocs" data-ajax="/html/manual/if-empty.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000169" data-menu="menu_00000007" data-subme="lmnSub-00000169" data-title="if-empty" data-top-menu="lmn-00000007";
	"/manual/if-exists.html": class="intoDocs" data-ajax="/html/manual/if-exists.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000170" data-menu="menu_00000007" data-subme="lmnSub-00000170" data-title="if-exists" data-top-menu="lmn-00000007";
	"/manual/if-focus-first.html": class="intoDocs" data-ajax="/html/manual/if-focus-first.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000199" data-menu="menu_00000007" data-subme="lmnSub-00000199" data-title="if-focus-first" data-top-menu="lmn-00000007";
	"/manual/if-focus-last.html": class="intoDocs" data-ajax="/html/manual/if-focus-last.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000200" data-menu="menu_00000007" data-subme="lmnSub-00000200" data-title="if-focus-last" data-top-menu="lmn-00000007";
	"/manual/if-form-changed.html": class="intoDocs" data-ajax="/html/manual/if-form-changed.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000171" data-menu="menu_00000007" data-subme="lmnSub-00000171" data-title="if-form-changed" data-top-menu="lmn-00000007";
	"/manual/if-func.html": class="intoDocs" data-ajax="/html/manual/if-func.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000172" data-menu="menu_00000007" data-subme="lmnSub-00000172" data-title="if-func" data-top-menu="lmn-00000007";
	"/manual/if-has-class.html": class="intoDocs" data-ajax="/html/manual/if-has-class.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000173" data-menu="menu_00000007" data-subme="lmnSub-00000173" data-title="if-has-class" data-top-menu="lmn-00000007";
	"/manual/if-has.html": class="intoDocs" data-ajax="/html/manual/if-has.html?v=1699808836" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000336" data-menu="menu_00000007" data-subme="lmnSub-00000336" data-title="if-has" data-top-menu="lmn-00000007";
	"/manual/if-inner-html.html": class="intoDocs" data-ajax="/html/manual/if-inner-html.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000174" data-menu="menu_00000007" data-subme="lmnSub-00000174" data-title="if-inner-html" data-top-menu="lmn-00000007";
	"/manual/if-inner-text.html": class="intoDocs" data-ajax="/html/manual/if-inner-text.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000225" data-menu="menu_00000007" data-subme="lmnSub-00000225" data-title="if-inner-text" data-top-menu="lmn-00000007";
	"/manual/if-max-height.html": class="intoDocs" data-ajax="/html/manual/if-max-height.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000282" data-menu="menu_00000007" data-subme="lmnSub-00000282" data-title="if-max-height" data-top-menu="lmn-00000007";
	"/manual/if-max-length.html": class="intoDocs" data-ajax="/html/manual/if-max-length.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000175" data-menu="menu_00000007" data-subme="lmnSub-00000175" data-title="if-max-length" data-top-menu="lmn-00000007";
	"/manual/if-max-width.html": class="intoDocs" data-ajax="/html/manual/if-max-width.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000280" data-menu="menu_00000007" data-subme="lmnSub-00000280" data-title="if-max-width" data-top-menu="lmn-00000007";
	"/manual/if-media-max-width.html": class="intoDocs" data-ajax="/html/manual/if-media-max-width.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000176" data-menu="menu_00000007" data-subme="lmnSub-00000176" data-title="if-media-max-width" data-top-menu="lmn-00000007";
	"/manual/if-media-min-width.html": class="intoDocs" data-ajax="/html/manual/if-media-min-width.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000177" data-menu="menu_00000007" data-subme="lmnSub-00000177" data-title="if-media-min-width" data-top-menu="lmn-00000007";
	"/manual/if-min-height.html": class="intoDocs" data-ajax="/html/manual/if-min-height.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000281" data-menu="menu_00000007" data-subme="lmnSub-00000281" data-title="if-min-height" data-top-menu="lmn-00000007";
	"/manual/if-min-length.html": class="intoDocs" data-ajax="/html/manual/if-min-length.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000179" data-menu="menu_00000007" data-subme="lmnSub-00000179" data-title="if-min-length" data-top-menu="lmn-00000007";
	"/manual/if-min-width.html": class="intoDocs" data-ajax="/html/manual/if-min-width.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000279" data-menu="menu_00000007" data-subme="lmnSub-00000279" data-title="if-min-width" data-top-menu="lmn-00000007";
	"/manual/if-scrolltop-greater.html": class="intoDocs" data-ajax="/html/manual/if-scrolltop-greater.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000180" data-menu="menu_00000007" data-subme="lmnSub-00000180" data-title="if-scrolltop-greater" data-top-menu="lmn-00000007";
	"/manual/if-scrolltop-less.html": class="intoDocs" data-ajax="/html/manual/if-scrolltop-less.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000181" data-menu="menu_00000007" data-subme="lmnSub-00000181" data-title="if-scrolltop-less" data-top-menu="lmn-00000007";
	"/manual/if-selection.html": class="intoDocs" data-ajax="/html/manual/if-selection.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000213" data-menu="menu_00000007" data-subme="lmnSub-00000213" data-title="if-selection" data-top-menu="lmn-00000007";
	"/manual/if-var-true.html": class="intoDocs" data-ajax="/html/manual/if-var-true.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000214" data-menu="menu_00000007" data-subme="lmnSub-00000214" data-title="if-var-true" data-top-menu="lmn-00000007";
	"/manual/if-var.html": class="intoDocs" data-ajax="/html/manual/if-var.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000271" data-menu="menu_00000007" data-subme="lmnSub-00000271" data-title="if-var" data-top-menu="lmn-00000007";
	"/manual/if-visible.html": class="intoDocs" data-ajax="/html/manual/if-visible.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000182" data-menu="menu_00000007" data-subme="lmnSub-00000182" data-title="if-visible" data-top-menu="lmn-00000007";
	"/manual/iframe-and-component-selectors.html": class="intoDocs" data-ajax="/html/manual/iframe-and-component-selectors.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000123" data-menu="menu_00000024" data-subme="lmnSub-00000123" data-title="Iframe &amp; component selectors" data-top-menu="lmn-00000024";
	"/manual/iframe-reload.html": class="intoDocs" data-ajax="/html/manual/iframe-reload.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000043" data-menu="menu_00000005" data-subme="lmnSub-00000043" data-title="iframe-reload" data-top-menu="lmn-00000005";
	"/manual/importing-html-and-css-for-components.html": class="intoDocs" data-ajax="/html/manual/importing-html-and-css-for-components.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000333" data-menu="menu_00000033" data-subme="lmnSub-00000333" data-title="Importing HTML, CSS and JSON for components" data-top-menu="lmn-00000033";
	"/manual/init-events.html": class="intoDocs" data-ajax="/html/manual/init-events.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000127" data-menu="menu_00000003" data-subme="lmnSub-00000127" data-title="Initialization events" data-top-menu="lmn-00000003";
	"/manual/inner-html-reference-variables.html": class="intoDocs" data-ajax="/html/manual/inner-html-reference-variables.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000254" data-menu="menu_00000026" data-subme="lmnSub-00000254" data-title="Inner HTML reference variables" data-top-menu="lmn-00000026";
	"/manual/innerhtmlchange-event.html": class="intoDocs" data-ajax="/html/manual/innerhtmlchange-event.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000334" data-menu="menu_00000003" data-subme="lmnSub-00000334" data-title="The &quot;innerhtmlchange&quot; event" data-top-menu="lmn-00000003";
	"/manual/intersect-event.html": class="intoDocs" data-ajax="/html/manual/intersect-event.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000344" data-menu="menu_00000003" data-subme="lmnSub-00000344" data-title="The &quot;intersect&quot; event" data-top-menu="lmn-00000003";
	"/manual/iterating-target-selectors.html": class="intoDocs" data-ajax="/html/manual/iterating-target-selectors.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000312" data-menu="menu_00000030" data-subme="lmnSub-00000312" data-title="Iterating target selectors" data-top-menu="lmn-00000030";
	"/manual/javascript-expressions.html": class="intoDocs" data-ajax="/html/manual/javascript-expressions.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000233" data-menu="menu_00000026" data-subme="lmnSub-00000233" data-title="JavaScript expressions" data-top-menu="lmn-00000026";
	"/manual/javascript-helper-functions.html": class="intoDocs" data-ajax="/html/manual/javascript-helper-functions.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000338" data-menu="menu_00000026" data-subme="lmnSub-00000338" data-title="JavaScript helper functions" data-top-menu="lmn-00000026";
	"/manual/load-as-ajax.html": class="intoDocs" data-ajax="/html/manual/load-as-ajax.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000307" data-menu="menu_00000005" data-subme="lmnSub-00000307" data-title="load-as-ajax" data-top-menu="lmn-00000005";
	"/manual/load-config.html": class="intoDocs" data-ajax="/html/manual/load-config.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000138" data-menu="menu_00000005" data-subme="lmnSub-00000138" data-title="load-config" data-top-menu="lmn-00000005";
	"/manual/load-images.html": class="intoDocs" data-ajax="/html/manual/load-images.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000222" data-menu="menu_00000005" data-subme="lmnSub-00000222" data-title="load-images" data-top-menu="lmn-00000005";
	"/manual/load-script.html": class="intoDocs" data-ajax="/html/manual/load-script.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000140" data-menu="menu_00000005" data-subme="lmnSub-00000140" data-title="load-script" data-top-menu="lmn-00000005";
	"/manual/load-style.html": class="intoDocs" data-ajax="/html/manual/load-style.html?v=1699808837" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000230" data-menu="menu_00000005" data-subme="lmnSub-00000230" data-title="load-style" data-top-menu="lmn-00000005";
	"/manual/loading-indicators-in-components.html": class="intoDocs" data-ajax="/html/manual/loading-indicators-in-components.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000331" data-menu="menu_00000033" data-subme="lmnSub-00000331" data-title="Loading indicators in components" data-top-menu="lmn-00000033";
	"/manual/location.html": class="intoDocs" data-ajax="/html/manual/location.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000139" data-menu="menu_00000005" data-subme="lmnSub-00000139" data-title="location" data-top-menu="lmn-00000005";
	"/manual/media-control.html": class="intoDocs" data-ajax="/html/manual/media-control.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000215" data-menu="menu_00000005" data-subme="lmnSub-00000215" data-title="media-control" data-top-menu="lmn-00000005";
	"/manual/media.html": class="intoDocs" data-ajax="/html/manual/media.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000321" data-menu="menu_00000030" data-subme="lmnSub-00000321" data-title="@media" data-top-menu="lmn-00000030";
	"/manual/mimic-into.html": class="intoDocs" data-ajax="/html/manual/mimic-into.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000044" data-menu="menu_00000005" data-subme="lmnSub-00000044" data-title="mimic-into" data-top-menu="lmn-00000005";
	"/manual/observe-event.html": class="intoDocs" data-ajax="/html/manual/observe-event.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000326" data-menu="menu_00000003" data-subme="lmnSub-00000326" data-title="The &quot;observe&quot; event" data-top-menu="lmn-00000003";
	"/manual/offline-interactive-websites.html": class="intoDocs" data-ajax="/html/manual/offline-interactive-websites.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000303" data-menu="menu_00000036" data-subme="lmnSub-00000303" data-title="Offline interactive websites" data-top-menu="lmn-00000036";
	"/manual/passing-elements-into-components.html": class="intoDocs" data-ajax="/html/manual/passing-elements-into-components.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000291" data-menu="menu_00000033" data-subme="lmnSub-00000291" data-title="Passing elements into components" data-top-menu="lmn-00000033";
	"/manual/passing-in-variables.html": class="intoDocs" data-ajax="/html/manual/passing-in-variables.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000288" data-menu="menu_00000033" data-subme="lmnSub-00000288" data-title="Passing variables into components" data-top-menu="lmn-00000033";
	"/manual/pause.html": class="intoDocs" data-ajax="/html/manual/pause.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000309" data-menu="menu_00000005" data-subme="lmnSub-00000309" data-title="pause" data-top-menu="lmn-00000005";
	"/manual/php-spa-tutorial-part-1.html": class="intoDocs" data-ajax="/html/manual/php-spa-tutorial-part-1.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000227" data-menu="menu_00000028" data-subme="lmnSub-00000227" data-title="PHP SPA tutorial part 1" data-top-menu="lmn-00000028";
	"/manual/php-spa-tutorial-part-2.html": class="intoDocs" data-ajax="/html/manual/php-spa-tutorial-part-2.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000228" data-menu="menu_00000028" data-subme="lmnSub-00000228" data-title="PHP SPA tutorial part 2" data-top-menu="lmn-00000028";
	"/manual/prevent-default.html": class="intoDocs" data-ajax="/html/manual/prevent-default.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000141" data-menu="menu_00000005" data-subme="lmnSub-00000141" data-title="prevent-default" data-top-menu="lmn-00000005";
	"/manual/print.html": class="intoDocs" data-ajax="/html/manual/print.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000328" data-menu="menu_00000005" data-subme="lmnSub-00000328" data-title="print" data-top-menu="lmn-00000005";
	"/manual/regular-ajax-websites.html": class="intoDocs" data-ajax="/html/manual/regular-ajax-websites.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000302" data-menu="menu_00000036" data-subme="lmnSub-00000302" data-title="Regular ajax websites" data-top-menu="lmn-00000036";
	"/manual/regular-variables.html": class="intoDocs" data-ajax="/html/manual/regular-variables.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000250" data-menu="menu_00000026" data-subme="lmnSub-00000250" data-title="Regular variables" data-top-menu="lmn-00000026";
	"/manual/remove-attribute.html": class="intoDocs" data-ajax="/html/manual/remove-attribute.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000150" data-menu="menu_00000005" data-subme="lmnSub-00000150" data-title="remove-attribute" data-top-menu="lmn-00000005";
	"/manual/remove-class.html": class="intoDocs" data-ajax="/html/manual/remove-class.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000049" data-menu="menu_00000005" data-subme="lmnSub-00000049" data-title="remove-class" data-top-menu="lmn-00000005";
	"/manual/remove-clone.html": class="intoDocs" data-ajax="/html/manual/remove-clone.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000151" data-menu="menu_00000005" data-subme="lmnSub-00000151" data-title="remove-clone" data-top-menu="lmn-00000005";
	"/manual/remove-cookie.html": class="intoDocs" data-ajax="/html/manual/remove-cookie.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000204" data-menu="menu_00000005" data-subme="lmnSub-00000204" data-title="remove-cookie" data-top-menu="lmn-00000005";
	"/manual/remove-hash.html": class="intoDocs" data-ajax="/html/manual/remove-hash.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000306" data-menu="menu_00000005" data-subme="lmnSub-00000306" data-title="remove-hash" data-top-menu="lmn-00000005";
	"/manual/remove-property.html": class="intoDocs" data-ajax="/html/manual/remove-property.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000158" data-menu="menu_00000005" data-subme="lmnSub-00000158" data-title="remove-property" data-top-menu="lmn-00000005";
	"/manual/remove.html": class="intoDocs" data-ajax="/html/manual/remove.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000048" data-menu="menu_00000005" data-subme="lmnSub-00000048" data-title="remove" data-top-menu="lmn-00000005";
	"/manual/render-after-begin.html": class="intoDocs" data-ajax="/html/manual/render-after-begin.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000146" data-menu="menu_00000005" data-subme="lmnSub-00000146" data-title="render-after-begin" data-top-menu="lmn-00000005";
	"/manual/render-after-end.html": class="intoDocs" data-ajax="/html/manual/render-after-end.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000147" data-menu="menu_00000005" data-subme="lmnSub-00000147" data-title="render-after-end" data-top-menu="lmn-00000005";
	"/manual/render-before-begin.html": class="intoDocs" data-ajax="/html/manual/render-before-begin.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000148" data-menu="menu_00000005" data-subme="lmnSub-00000148" data-title="render-before-begin" data-top-menu="lmn-00000005";
	"/manual/render-before-end.html": class="intoDocs" data-ajax="/html/manual/render-before-end.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000149" data-menu="menu_00000005" data-subme="lmnSub-00000149" data-title="render-before-end" data-top-menu="lmn-00000005";
	"/manual/render-replace.html": class="intoDocs" data-ajax="/html/manual/render-replace.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000292" data-menu="menu_00000005" data-subme="lmnSub-00000292" data-title="render-replace" data-top-menu="lmn-00000005";
	"/manual/render.html": class="intoDocs" data-ajax="/html/manual/render.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000047" data-menu="menu_00000005" data-subme="lmnSub-00000047" data-title="render" data-top-menu="lmn-00000005";
	"/manual/rendering-only-when-visible.html": class="intoDocs" data-ajax="/html/manual/rendering-only-when-visible.html?v=1699808838" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000340" data-menu="menu_00000033" data-subme="lmnSub-00000340" data-title="Rendering only when visible" data-top-menu="lmn-00000033";
	"/manual/restore-clone.html": class="intoDocs" data-ajax="/html/manual/restore-clone.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000050" data-menu="menu_00000005" data-subme="lmnSub-00000050" data-title="restore-clone" data-top-menu="lmn-00000005";
	"/manual/run.html": class="intoDocs" data-ajax="/html/manual/run.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000255" data-menu="menu_00000005" data-subme="lmnSub-00000255" data-title="run" data-top-menu="lmn-00000005";
	"/manual/scroll-into-view.html": class="intoDocs" data-ajax="/html/manual/scroll-into-view.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000051" data-menu="menu_00000005" data-subme="lmnSub-00000051" data-title="scroll-into-view" data-top-menu="lmn-00000005";
	"/manual/scroll-x.html": class="intoDocs" data-ajax="/html/manual/scroll-x.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000052" data-menu="menu_00000005" data-subme="lmnSub-00000052" data-title="scroll-x" data-top-menu="lmn-00000005";
	"/manual/scroll-y.html": class="intoDocs" data-ajax="/html/manual/scroll-y.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000053" data-menu="menu_00000005" data-subme="lmnSub-00000053" data-title="scroll-y" data-top-menu="lmn-00000005";
	"/manual/set-attribute.html": class="intoDocs" data-ajax="/html/manual/set-attribute.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000152" data-menu="menu_00000005" data-subme="lmnSub-00000152" data-title="set-attribute" data-top-menu="lmn-00000005";
	"/manual/set-class.html": class="intoDocs" data-ajax="/html/manual/set-class.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000054" data-menu="menu_00000005" data-subme="lmnSub-00000054" data-title="set-class" data-top-menu="lmn-00000005";
	"/manual/set-cookie.html": class="intoDocs" data-ajax="/html/manual/set-cookie.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000205" data-menu="menu_00000005" data-subme="lmnSub-00000205" data-title="set-cookie" data-top-menu="lmn-00000005";
	"/manual/set-property.html": class="intoDocs" data-ajax="/html/manual/set-property.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000153" data-menu="menu_00000005" data-subme="lmnSub-00000153" data-title="set-property" data-top-menu="lmn-00000005";
	"/manual/shadow-dom-add-remove.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-add-remove.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000240" data-menu="menu_00000011" data-subme="lmnSub-00000240" data-title="Shadow DOM - add/remove" data-top-menu="lmn-00000011";
	"/manual/shadow-dom-ajax.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-ajax.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000256" data-menu="menu_00000011" data-subme="lmnSub-00000256" data-title="Shadow DOM - ajax" data-top-menu="lmn-00000011";
	"/manual/shadow-dom-attribute-binding.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-attribute-binding.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000241" data-menu="menu_00000011" data-subme="lmnSub-00000241" data-title="Shadow DOM - attribute binding" data-top-menu="lmn-00000011";
	"/manual/shadow-dom-basic.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-basic.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000242" data-menu="menu_00000011" data-subme="lmnSub-00000242" data-title="Shadow DOM - basic" data-top-menu="lmn-00000011";
	"/manual/shadow-dom-components-in-components.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-components-in-components.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000245" data-menu="menu_00000011" data-subme="lmnSub-00000245" data-title="Shadow DOM - components in components" data-top-menu="lmn-00000011";
	"/manual/shadow-dom-components.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-components.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000290" data-menu="menu_00000033" data-subme="lmnSub-00000290" data-title="Shadow DOM components" data-top-menu="lmn-00000033";
	"/manual/shadow-dom-events.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-events.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000244" data-menu="menu_00000011" data-subme="lmnSub-00000244" data-title="Shadow DOM - events" data-top-menu="lmn-00000011";
	"/manual/shadow-dom-private-variables.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-private-variables.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000243" data-menu="menu_00000011" data-subme="lmnSub-00000243" data-title="Shadow DOM - private variables" data-top-menu="lmn-00000011";
	"/manual/shadow-dom-templates-and-slots.html": class="intoDocs" data-ajax="/html/manual/shadow-dom-templates-and-slots.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000246" data-menu="menu_00000011" data-subme="lmnSub-00000246" data-title="Shadow DOM - templates and slots" data-top-menu="lmn-00000011";
	"/manual/simple-clock.html": class="intoDocs" data-ajax="/html/manual/simple-clock.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000238" data-menu="menu_00000011" data-subme="lmnSub-00000238" data-title="Simple clock" data-top-menu="lmn-00000011";
	"/manual/simple-dropdown-menu.html": class="intoDocs" data-ajax="/html/manual/simple-dropdown-menu.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000079" data-menu="menu_00000011" data-subme="lmnSub-00000079" data-title="Simple dropdown menu" data-top-menu="lmn-00000011";
	"/manual/simple-embedded-video-modal.html": class="intoDocs" data-ajax="/html/manual/simple-embedded-video-modal.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000188" data-menu="menu_00000011" data-subme="lmnSub-00000188" data-title="Simple embedded video modal" data-top-menu="lmn-00000011";
	"/manual/simple-html5-audio-controls.html": class="intoDocs" data-ajax="/html/manual/simple-html5-audio-controls.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000203" data-menu="menu_00000011" data-subme="lmnSub-00000203" data-title="Simple HTML5 audio controls" data-top-menu="lmn-00000011";
	"/manual/simple-html5-video-controls.html": class="intoDocs" data-ajax="/html/manual/simple-html5-video-controls.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000202" data-menu="menu_00000011" data-subme="lmnSub-00000202" data-title="Simple HTML5 video controls" data-top-menu="lmn-00000011";
	"/manual/simple-image-modal.html": class="intoDocs" data-ajax="/html/manual/simple-image-modal.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000187" data-menu="menu_00000011" data-subme="lmnSub-00000187" data-title="Simple image modal" data-top-menu="lmn-00000011";
	"/manual/slide-down.html": class="intoDocs" data-ajax="/html/manual/slide-down.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000350" data-menu="menu_00000005" data-subme="lmnSub-00000350" data-title="slide-down" data-top-menu="lmn-00000005";
	"/manual/slide-up.html": class="intoDocs" data-ajax="/html/manual/slide-up.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000349" data-menu="menu_00000005" data-subme="lmnSub-00000349" data-title="slide-up" data-top-menu="lmn-00000005";
	"/manual/spa-image-modal.html": class="intoDocs" data-ajax="/html/manual/spa-image-modal.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000299" data-menu="menu_00000011" data-subme="lmnSub-00000299" data-title="SPA image modal gallery" data-top-menu="lmn-00000011";
	"/manual/special-combinators.html": class="intoDocs" data-ajax="/html/manual/special-combinators.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000339" data-menu="menu_00000024" data-subme="lmnSub-00000339" data-title="Special combinators" data-top-menu="lmn-00000024";
	"/manual/special-component-events.html": class="intoDocs" data-ajax="/html/manual/special-component-events.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000285" data-menu="menu_00000033" data-subme="lmnSub-00000285" data-title="Special component events" data-top-menu="lmn-00000033";
	"/manual/special-keyboard-events.html": class="intoDocs" data-ajax="/html/manual/special-keyboard-events.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000192" data-menu="menu_00000003" data-subme="lmnSub-00000192" data-title="Special keyboard events" data-top-menu="lmn-00000003";
	"/manual/stop-event-propagation.html": class="intoDocs" data-ajax="/html/manual/stop-event-propagation.html?v=1699808839" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000276" data-menu="menu_00000005" data-subme="lmnSub-00000276" data-title="stop-event-propagation" data-top-menu="lmn-00000005";
	"/manual/stop-immediate-event-propagation.html": class="intoDocs" data-ajax="/html/manual/stop-immediate-event-propagation.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000277" data-menu="menu_00000005" data-subme="lmnSub-00000277" data-title="stop-immediate-event-propagation" data-top-menu="lmn-00000005";
	"/manual/stop-immediate-propagation.html": class="intoDocs" data-ajax="/html/manual/stop-immediate-propagation.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000209" data-menu="menu_00000005" data-subme="lmnSub-00000209" data-title="stop-immediate-propagation" data-top-menu="lmn-00000005";
	"/manual/stop-propagation.html": class="intoDocs" data-ajax="/html/manual/stop-propagation.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000210" data-menu="menu_00000005" data-subme="lmnSub-00000210" data-title="stop-propagation" data-top-menu="lmn-00000005";
	"/manual/style.html": class="intoDocs" data-ajax="/html/manual/style.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000154" data-menu="menu_00000005" data-subme="lmnSub-00000154" data-title="style" data-top-menu="lmn-00000005";
	"/manual/support.html": class="intoDocs" data-ajax="/html/manual/support.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000322" data-menu="menu_00000030" data-subme="lmnSub-00000322" data-title="@support" data-top-menu="lmn-00000030";
	"/manual/take-class.html": class="intoDocs" data-ajax="/html/manual/take-class.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000056" data-menu="menu_00000005" data-subme="lmnSub-00000056" data-title="take-class" data-top-menu="lmn-00000005";
	"/manual/target-selectors.html": class="intoDocs" data-ajax="/html/manual/target-selectors.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000118" data-menu="menu_00000024" data-subme="lmnSub-00000118" data-title="Target selectors" data-top-menu="lmn-00000024";
	"/manual/the-event-flow.html": class="intoDocs" data-ajax="/html/manual/the-event-flow.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000310" data-menu="menu_00000005" data-subme="lmnSub-00000310" data-title="The event flow for actions" data-top-menu="lmn-00000005";
	"/manual/tic-tac-toe-private-components.html": class="intoDocs" data-ajax="/html/manual/tic-tac-toe-private-components.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000262" data-menu="menu_00000011" data-subme="lmnSub-00000262" data-title="Tic Tac Toe - private components" data-top-menu="lmn-00000011";
	"/manual/tic-tac-toe-shadow-dom-components.html": class="intoDocs" data-ajax="/html/manual/tic-tac-toe-shadow-dom-components.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000239" data-menu="menu_00000011" data-subme="lmnSub-00000239" data-title="Tic Tac Toe - shadow DOM components" data-top-menu="lmn-00000011";
	"/manual/tic-tac-toe.html": class="intoDocs" data-ajax="/html/manual/tic-tac-toe.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000236" data-menu="menu_00000011" data-subme="lmnSub-00000236" data-title="Tic Tac Toe" data-top-menu="lmn-00000011";
	"/manual/to-do-app.html": class="intoDocs" data-ajax="/html/manual/to-do-app.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000296" data-menu="menu_00000011" data-subme="lmnSub-00000296" data-title="&quot;To Do&quot; app" data-top-menu="lmn-00000011";
	"/manual/toggle-attribute.html": class="intoDocs" data-ajax="/html/manual/toggle-attribute.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000330" data-menu="menu_00000005" data-subme="lmnSub-00000330" data-title="toggle-attribute" data-top-menu="lmn-00000005";
	"/manual/toggle-class.html": class="intoDocs" data-ajax="/html/manual/toggle-class.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000057" data-menu="menu_00000005" data-subme="lmnSub-00000057" data-title="toggle-class" data-top-menu="lmn-00000005";
	"/manual/toggle-take-class.html": class="intoDocs" data-ajax="/html/manual/toggle-take-class.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000347" data-menu="menu_00000005" data-subme="lmnSub-00000347" data-title="toggle-take-class" data-top-menu="lmn-00000005";
	"/manual/trigger-fresh.html": class="intoDocs" data-ajax="/html/manual/trigger-fresh.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000341" data-menu="menu_00000005" data-subme="lmnSub-00000341" data-title="trigger-fresh" data-top-menu="lmn-00000005";
	"/manual/trigger-real.html": class="intoDocs" data-ajax="/html/manual/trigger-real.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000155" data-menu="menu_00000005" data-subme="lmnSub-00000155" data-title="trigger-real" data-top-menu="lmn-00000005";
	"/manual/trigger.html": class="intoDocs" data-ajax="/html/manual/trigger.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000058" data-menu="menu_00000005" data-subme="lmnSub-00000058" data-title="trigger" data-top-menu="lmn-00000005";
	"/manual/turning-drawn-html-into-a-component-scope.html": class="intoDocs" data-ajax="/html/manual/turning-drawn-html-into-a-component-scope.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000348" data-menu="menu_00000033" data-subme="lmnSub-00000348" data-title="Turning drawn HTML into a component (@scope)" data-top-menu="lmn-00000033";
	"/manual/url-change.html": class="intoDocs" data-ajax="/html/manual/url-change.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000059" data-menu="menu_00000005" data-subme="lmnSub-00000059" data-title="url-change" data-top-menu="lmn-00000005";
	"/manual/using-a-dropdown-to-change-pages.html": class="intoDocs" data-ajax="/html/manual/using-a-dropdown-to-change-pages.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000342" data-menu="menu_00000036" data-subme="lmnSub-00000342" data-title="Using a dropdown to change pages" data-top-menu="lmn-00000036";
	"/manual/using-await.html": class="intoDocs" data-ajax="/html/manual/using-await.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000308" data-menu="menu_00000005" data-subme="lmnSub-00000308" data-title="Sequential actions (&quot;await&quot;)" data-top-menu="lmn-00000005";
	"/manual/using-comments.html": class="intoDocs" data-ajax="/html/manual/using-comments.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000201" data-menu="menu_00000024" data-subme="lmnSub-00000201" data-title="Using comments in the config" data-top-menu="lmn-00000024";
	"/manual/using-every.html": class="intoDocs" data-ajax="/html/manual/using-every.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000251" data-menu="menu_00000005" data-subme="lmnSub-00000251" data-title="Repeating actions (&quot;every&quot;)" data-top-menu="lmn-00000005";
	"/manual/var-delete.html": class="intoDocs" data-ajax="/html/manual/var-delete.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000297" data-menu="menu_00000005" data-subme="lmnSub-00000297" data-title="var-delete" data-top-menu="lmn-00000005";
	"/manual/var.html": class="intoDocs" data-ajax="/html/manual/var.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000253" data-menu="menu_00000005" data-subme="lmnSub-00000253" data-title="var" data-top-menu="lmn-00000005";
	"/manual/variables-in-components.html": class="intoDocs" data-ajax="/html/manual/variables-in-components.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000286" data-menu="menu_00000033" data-subme="lmnSub-00000286" data-title="Variables in components" data-top-menu="lmn-00000033";
	"/manual/while.html": class="intoDocs" data-ajax="/html/manual/while.html?v=1699808840" data-act-menu="Docs" data-body=".str-Docs" data-me="lmnSub-00000320" data-menu="menu_00000030" data-subme="lmnSub-00000320" data-title="@while" data-top-menu="lmn-00000030";
}

/***********************************************/
/******** ACSS Editor v2.11.0 Active CSS ********/
/***********************************************/

/*******************************/
/******** Global events ********/
/*******************************/
body:init {
	add-class: .acss-editor-active;
}

window:resize {
    acss-editor {
		@if min-width(acss-editor 801px) {
	        set-attribute: size "";
	    }
	    @if min-width(acss-editor 655px) && max-width(acss-editor 800px) {
	        set-attribute: size "small";
		}
		@if min-width(acss-editor 405px) && max-width(acss-editor 654px) {
	        set-attribute: size "small smaller";
		}
		@if max-width(acss-editor 404px) {
	        set-attribute: size "small smaller smallest";
		}
	}
}

/********************************/
/******** Main component ********/
/********************************/
@component acss-editor observe(size) render-when-visible shadow strictlyPrivate {
	&:beforeComponentOpen {
		@if min-width(self 655px) && max-width(self 800px) {
	        set-attribute: size "small";
		}
		@if min-width(self 405px) && max-width(self 654px) {
	        set-attribute: size "small smaller";
		}
		@if max-width(self 404px) {
	        set-attribute: size "small smaller smallest";
		}
		$loadCounter: 0;
		$acssResults: "";
		$htmlResults: "";
		$cssResults: "";
		$originalResults: [];
		$originalResults["acss"]: "";
		$originalResults["html"]: "";
		$originalResults["css"]: "";
		$acssFile: "{@host:acss}";
		$htmlFile: "{@host:html}";
		$cssFile: "{@host:css}";
		$coreLocation: "{@host:core}";
		$tabMode: "Coding";
		$containerHeight: null;
		$topWrapHeight: null;
		$bottomWrapHeight: null;
		$resizerTop: null;
		$original_mouse_y: null;
		$minimum_sizeY: 100;
		$winH: window.innerHeight;
		$baseResultCSS: ('{@host:base-result-css}' != '') ? '<link rel="preload" as "style" href="{@host:base-result-css}"><link rel="stylesheet" href="{@host:base-result-css}">' : '';
		$acssSelector: "{@host:acss-template-selector}";
		$htmlSelector: "{@host:html-template-selector}";
		$cssSelector: "{@host:css-template-selector}";
	}
	*:click {
		prevent-default: true;
	}
	&:componentOpen {
		window {
			trigger: resize;
		}
	}
	#runAgain:click {
		$acssResults: {#acssArea:NOVARS:UNESCAPED};
		$htmlResults: {#htmlArea:UNESCAPED};
		$cssResults: {#cssArea:UNESCAPED};
		~result {
			trigger: render;
		}
	}
	#editorWrap.small #runAgain:click {
		~wipeSelected {
			trigger: doIt;
		}
		#editorWrap {
			add-class: .resultSelected;
		}
	}
	#reset:click {
		$acssResults: $originalResults["acss"];
		$htmlResults: $originalResults["html"];
		$cssResults: $originalResults["css"];
		#acssArea {
			render-replace: "<textarea id=\"acssArea\" class=\"typingArea\" spellcheck=false>{$acssResults}</textarea>";
		}
		#htmlArea {
			render-replace: "<textarea id=\"htmlArea\" class=\"typingArea\" spellcheck=false>{$htmlResults}</textarea>";
		}
		#cssArea {
			render-replace: "<textarea id=\"cssArea\" class=\"typingArea\" spellcheck=false>{$cssResults}</textarea>";
		}
		#runAgain {
			trigger: click;
		}
	}
	#screenSizer:not(.active):click {
		host {
			fullscreen-on: true;
			padding: 0;
		}
		#editorWrap {
			height: 100%;
		}
		render: "Exit fullscreen";
		add-class: .active;
	}
	#screenSizer.active:click {
		host {
			padding: ;
		}
		#editorWrap {
			height: 600px;
		}
		fullscreen-exit: true;
		render: "Go fullscreen";
		remove-class: .active;
	}
	#tabMode:click, #tabMode:keydownCtrlSpace {
		@if $tabMode == "Coding" {
			$tabMode: "Navigation";
		} @else {
			$tabMode: "Coding";
		}
	}
	#editorWrap:keydownCtrlSpace {
		/* Stop any existing browser shortcut behaviour for this key combination. */
		prevent-default: true;
		#tabMode {
			trigger: click;
		}
	}
	#editorWrap:not(.small) .typingArea:input, #editorWrap:not(.small) .typingArea:if-var($tabMode "Coding"):keyupTab {
		cancel-timer: shumbodyShtopMe;
		#runAgain {
			trigger: click after 500ms label shumbodyShtopMe;
		}
	}
	.typingArea:if-var($tabMode "Coding"):keydownTab {
		prevent-default: true;
		acss-editor-insert-coding-tab: true;
	}
	#horizontalBar:mousedown {
		#bottomCover {	
			display: block;
		}
		prevent-default: true;
		stop-propagation: true;
		$mouseIsDown: true;
		$containerHeight: o.doc.getElementById('editorWrap').clientHeight;
		$topWrapHeight: o.doc.getElementById('typingAreaOuterWrap').clientHeight;
		$bottomWrapHeight: o.doc.getElementById('resultOuterWrap').clientHeight;
		$resizerTop: parseInt(o.secSelObj.offsetTop, 10);
		$original_mouse_y: o.e.pageY;
	}
	#editorWrap:if-var-true($mouseIsDown):mousemove {
		acss-editor-adjust-panels: true;
	}
	#editorWrap:mouseleave, *:mouseup {
		#bottomCover {
			display: none;
		}
		$mouseIsDown: false;
	}
	~result:render {
		$loadCounter: 0;
		acss-editor-code-result {
			render: "<iframe title=\"Code editor results\">{|acssEditorIframeContent}</iframe>";
		}
	}
	~wipeSelected:doIt {
		#editorWrap {
			remove-class: .acssSelected, .htmlSelected, .cssSelected, .resultSelected;
		}
	}
	html {
		<link rel="preload" as="style" href="{@host:editor-css}">
		<link rel="stylesheet" href="{@host:editor-css}">
		<div id="editorWrap" class="acssSelected {{@host:size}}">
			<acss-editor-mobile-menu></acss-editor-mobile-menu>
			<div id="typingAreaOuterWrap">
				<div class="typingAreaWrap">
					<acss-editor-code-acss></acss-editor-code-acss>
					<acss-editor-code-html></acss-editor-code-html>
					<acss-editor-code-css></acss-editor-code-css>
				</div>
			</div>
			<div id="horizontalBar"></div>
			<div id="bottomCover"></div>
			<div id="resultOuterWrap">
				<div class="resultWrap">
					<acss-editor-code-result>
					</acss-editor-code-result>
				</div>
				<button id="runAgain">Re-run</button>
				<button id="tabMode">Tab mode: {{$tabMode}} <span style="font-size: 9px;">ctrl-space</span></button>
				<button id="reset">Reset</button>
				<button id="screenSizer">Go fullscreen</button>
			</div>
		</div>
	}
}

/********************************/
/******** Sub-components ********/
/********************************/
@component acss-editor-mobile-menu {
	.smallSwitcher button[data-ref]:click {
		~wipeSelected {
			trigger: doIt;
		}
		#editorWrap {
			add-class: .{@data-ref}Selected;
		}
	}
	html {
		<div class="smallSwitcher">
			<button data-ref="acss">Active CSS</button>
			<button data-ref="html">HTML</button>
			<button data-ref="css">CSS</button>
			<button data-ref="result">Result</button>
		</div>
	}
}

@command acss-editor-get-template-acss {=
	vars $originalResults;
	let templateHost = compDoc.host.getRootNode();
	let templateContents = templateHost.querySelector(o.actVal);
	let content = templateContents.content.firstChild.innerHTML;

	$originalResults['acss'] = content;
	compDoc.getElementById('acssArea').innerHTML = content;
=}

@command acss-editor-get-template-html {=
	vars $originalResults;
	let templateHost = compDoc.host.getRootNode();
	let templateContents = templateHost.querySelector(o.actVal);
	let content = templateContents.innerHTML;

	$originalResults['html'] = content;
	compDoc.getElementById('htmlArea').innerHTML = templateContents.innerHTML;
=}

@command acss-editor-get-template-css {=
	vars $originalResults;
	let templateHost = compDoc.host.getRootNode();
	let templateContents = templateHost.querySelector(o.actVal);
	let content = templateContents.content.firstChild.innerHTML;

	$originalResults['css'] = content;
	compDoc.getElementById('cssArea').innerHTML = content;
=}


@component acss-editor-code-acss privateVars {
	&:componentOpen {
		#acssArea {
			trigger: focus;
		}
		@if $acssSelector {
			acss-editor-get-template-acss: {$acssSelector};
		} @else if $acssFile {
			ajax: "{$acssFile}" get html cache await;
			#acssArea {
				render: "{$HTML_ESCAPED}";
			}
			$acssResults: {$HTML};
			$originalResults["acss"]: {$HTML};
		}
		$loadCounter++;
		@if $loadCounter == 3 {
			#runAgain {
				trigger: click;
			}
		}
	}
	#editorWrap:not(.small) #acssArea:focus {
		acss-editor-code-acss > div {
			width: calc(50% - 12px);
		}
		acss-editor-code-html > div {
			left: 50%;
			width: calc(25% - 12px);
		}
		acss-editor-code-css > div {
			width: calc(25% - 12px);
		}
	}
	#acssArea:focus {
		~wipeSelected {
			trigger: doIt;
		}
		#editorWrap {
			add-class: .acssSelected;
		}
	}
	html {
		<div class="textAreaWrap">
			<div class="areaHeading"><label for="acssArea">Active CSS</label></div>
			<textarea id="acssArea" class="typingArea" spellcheck=false></textarea>
		</div>
	}
}


@component acss-editor-code-html privateVars {
	&:componentOpen {
		@if $htmlSelector {
			acss-editor-get-template-html: {$htmlSelector};
		} @else if $htmlFile {
			ajax: "{$htmlFile}" get html cache await;
			#htmlArea {
				render: "{$HTML_ESCAPED}";
			}
			$htmlResults: {$HTML};
			$originalResults["html"]: {$HTML};
		}
		$loadCounter++;
		@if $loadCounter == 3 {
			#runAgain {
				trigger: click;
			}
		}
	}
	#editorWrap:not(.small) #htmlArea:focus {
		acss-editor-code-acss > div {
			width: calc(25% - 12px);
		}
		acss-editor-code-html > div {
			left: 25%;
			width: calc(50% - 12px);
		}
		acss-editor-code-css > div {
			width: calc(25% - 12px);
		}
	}
	#htmlArea:focus {
		~wipeSelected {
			trigger: doIt;
		}
		#editorWrap {
			add-class: .htmlSelected;
		}
	}
	html {
		<div class="textAreaWrap">
			<div class="areaHeading"><label for="htmlArea">HTML</label></div>
			<textarea id="htmlArea" class="typingArea" spellcheck=false></textarea>
		</div>
	}
}


@component acss-editor-code-css privateVars {
	&:componentOpen {
		@if $cssSelector {
			acss-editor-get-template-css: {$cssSelector};
		} @else if $cssFile {
			ajax: "{$cssFile}" get html cache await;
			#cssArea {
				render: "{$HTML_ESCAPED}";
			}
			$cssResults: {$HTML};
			$originalResults["css"]: {$HTML};
		}
		$loadCounter++;
		@if $loadCounter == 3 {
			#runAgain {
				trigger: click;
			}
		}
	}
	#editorWrap:not(.small) #cssArea:focus {
		acss-editor-code-acss > div {
			width: calc(25% - 12px);
		}
		acss-editor-code-html > div {
			left: 25%;
			width: calc(25% - 12px);
		}
		acss-editor-code-css > div {
			width: calc(50% - 12px);
		}
	}
	#cssArea:focus {
		~wipeSelected {
			trigger: doIt;
		}
		#editorWrap {
			add-class: .cssSelected;
		}
	}
	html {
		<div class="textAreaWrap">
			<div class="areaHeading"><label for="cssArea">CSS</label></div>
			<textarea id="cssArea" class="typingArea" spellcheck=false></textarea>
		</div>
	}
}


@component acssEditorIframeContent {
	html {
		<html>
			<head>
				<script src="{$coreLocation}"></script>
				{$baseResultCSS}
			</head>
			<body onclick="void(0);" style="padding: 10px;">
				{$htmlResults}
				<acss-style>
				{$cssResults}
				</acss-style>
				<acss-style type="text/acss">
				{$acssResults}
				</acss-style>
			</body>
		</html>
	}
}


/*******************/
/* Custom commands */
/*******************/
@command acss-editor-insert-coding-tab {=
	/*
		In between {= and =} (like here) there is always native JavaScript.
		Note: The variable e used down below is always available in a custom command. See @command in docs
	*/
	let el = targetSelector;
	var oS = el.scrollTop;
	if (el.setSelectionRange) {
		var sS = el.selectionStart;	
		var sE = el.selectionEnd;
		el.value = el.value.substring(0, sS) + "\t" + el.value.substr(sE);
		el.setSelectionRange(sS + 1, sS + 1);
		el.focus();
	} else if (el.createTextRange) {
		document.selection.createRange().text = "\t";
		e.returnValue = false;
	}
	el.scrollTop = oS;
	if (e.preventDefault) {
		e.preventDefault();
	}
=}

@command acss-editor-adjust-panels {=
	/* Pull in component ACSS variables to be used in this command. The scope used is the exact same as where the command is used. */
	vars $containerHeight, $topWrapHeight, $bottomWrapHeight, $resizerTop, $original_mouse_y, $minimum_sizeY, $winH;

	/***
		The rest is regular JavaScript.
		Note: The variables e and doc used down below are always available in a custom command. See @command in docs.
	*/
	const topHeight = $topWrapHeight + (e.pageY - $original_mouse_y);
	const bottomHeight = $bottomWrapHeight + -(e.pageY - $original_mouse_y);

	if (topHeight > 80 && bottomHeight > 80 && $winH > 300) {
		const topWrap = doc.getElementById('typingAreaOuterWrap');
		const bottomWrap = doc.getElementById('resultOuterWrap');
		const resizer = doc.getElementById('horizontalBar');

		/* When the mouse moves over the results iframe, the document focus is lost and the resizing stops - we need it to continue for quick
		 mouse movements so there's a transparent div over the iframe for this that gets displayed on mousedown to keep mouse events in the
		 document that gets removed on mouseup or if the mouse goes out of the component. */
		const bottomCover = doc.getElementById('bottomCover');

		const newTopHeightPerc = topHeight / $containerHeight * 100;
		const newBottomHeightPerc = bottomHeight / $containerHeight * 100;
		const newBottomTopPerc = newTopHeightPerc;

		topWrap.style.height = 'calc(' + newTopHeightPerc + '% - 10px)';
		bottomWrap.style.height = 'calc(' + newBottomHeightPerc + '% + 10px)';
		bottomWrap.style.top = 'calc(' + newBottomTopPerc + '% + 10px)';
		bottomCover.style.height = 'calc(' + newBottomHeightPerc + '% + 10px)';
		bottomCover.style.top = 'calc(' + newBottomTopPerc + '% + 10px)';
		resizer.style.top = 'calc(' + newBottomTopPerc + '% - 14px)';
	}
=}