spiderfw 0.6.39 → 1.0.0

data/apps/core/components/public/mmenu/scss/inc/_mixins.scss

@@ -0,0 +1,135 @@
+//	Arrows
+@mixin mm_arrow
+{
+	content: '';
+	border: 2px solid transparent;
+	display: inline-block;
+	width: 8px;
+	height: 8px;
+	margin: auto;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+
+	@include mm_webkit_prefix( "transform", rotate( -45deg ) );
+}
+@mixin mm_arrow_prev
+{
+	border-right: none;
+	border-bottom: none;
+	left: $mm_listitemIndent + 3;
+}
+@mixin mm_arrow_next
+{
+	border-top: none;
+	border-left: none;
+	right: $mm_listitemIndent + 3;
+}
+
+
+//	Borders
+@mixin mm_border( $border, $pseudo, $pos1, $pos2, $pos3 )
+{
+	&:#{$pseudo}
+	{
+		content: '';
+		border-#{$border}-width: 1px;
+		border-#{$border}-style: solid;
+		display: block;
+		position: absolute;
+		#{$pos1}: 0;
+		#{$pos2}: 0;
+		#{$pos3}: 0;
+	}
+}
+@mixin mm_border_top
+{
+	@include mm_border( "top", "before", "left", "right", "top" );
+}
+@mixin mm_border_right
+{
+	@include mm_border( "right", "after", "top", "bottom", "right" );
+}
+@mixin mm_border_bottom
+{
+	@include mm_border( "bottom", "after", "left", "right", "bottom" );
+}
+@mixin mm_border_left
+{
+	@include mm_border( "left", "before", "top", "bottom", "left" );
+}
+
+
+//	Navbars
+@mixin mm_navbar_positioning( $pos, $nr )
+{
+	.mm-navbar-#{$pos}-#{$nr}
+	{
+		#{$pos}: $mm_navbarHeight * ( $nr - 1 );
+	}
+
+	.mm-hasnavbar-#{$pos}-#{$nr}
+	{
+		.mm-panels
+		{
+			#{$pos}: $mm_navbarHeight * $nr;
+		}
+	}
+}
+@mixin mm_navbar_sizing( $nr )
+{
+	.mm-navbar-size-#{$nr}
+	{
+		height: $mm_navbarHeight * $nr;
+	}
+}
+@mixin mm_navbar_content( $nr )
+{
+	.mm-navbar-content-#{$nr} > *
+	{
+		width: round( 100% / $nr * 100 ) / 100;
+	}
+}
+
+
+//	Iconpanels
+@mixin mm_iconpanel_positioning( $nr )
+{
+	.mm-iconpanel .mm-panel.mm-iconpanel-#{$nr}
+	{
+		left: $mm_iconpanelWidth * $nr;
+	}
+}
+
+
+//	Misc
+@mixin mm_vendor_prefix( $prop, $val )
+{
+	-webkit-#{$prop}: $val;
+	-moz-#{$prop}: $val;
+	-ms-#{$prop}: $val;
+	-o-#{$prop}: $val;
+	#{$prop}: $val;
+}
+@mixin mm_webkit_prefix( $prop, $val )
+{
+//	we're not yet ready to drop vendor prefixes due to IE9 and older versions of FF
+	@include mm_vendor_prefix( $prop, $val );
+//	-webkit-#{$prop}: $val;
+//	#{$prop}: $val;
+}
+@mixin mm_ellipsis()
+{
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+}
+@mixin mm_clearfix()
+{
+	&:after
+	{
+		content: '';
+		display: block;
+		clear: both;
+	}
+}

data/apps/core/components/public/mmenu/scss/inc/_sizing.scss

@@ -0,0 +1,86 @@
+//	Sizing left (default)
+@mixin mm_sizing( $cls: "",
+	$width: $mm_menuWidth, $minWidth: $mm_menuMinWidth, $maxWidth: $mm_menuMaxWidth
+) {
+	.mm-menu#{$cls}
+	{
+		width: percentage( $width );
+		min-width: $minWidth;
+		max-width: $maxWidth;
+	}
+	html.mm-opening#{$cls}
+	{
+		.mm-slideout
+		{
+			@include mm-webkit-prefix( 'transform', translate( percentage( $width ), 0 ) );
+		}
+	}
+	@media all and (max-width: $minWidth / $width ) {
+		html.mm-opening#{$cls}
+		{
+			.mm-slideout
+			{
+				@include mm-webkit-prefix( 'transform', translate( $minWidth, 0 ) );
+			}
+		}
+	}
+	@media all and (min-width: $maxWidth / $width ) {
+		html.mm-opening#{$cls}
+		{
+			.mm-slideout
+			{
+				@include mm-webkit-prefix( 'transform', translate( $maxWidth, 0 ) );
+			}
+		}
+	}
+}
+
+//	Sizing right
+@mixin mm_sizing_right( $cls: "",
+	$width: $mm_menuWidth, $minWidth: $mm_menuMinWidth, $maxWidth: $mm_menuMaxWidth
+) {
+	html.mm-right.mm-opening#{$cls}
+	{
+		.mm-slideout
+		{
+			@include mm-webkit-prefix( 'transform', translate( -( percentage( $width ) ), 0 ) );
+		}
+	}
+	@media all and ( max-width: $minWidth / $width ) {
+		html.mm-right.mm-opening#{$cls}
+		{
+			.mm-slideout
+			{
+				@include mm-webkit-prefix( 'transform', translate( -$minWidth, 0 ) );
+			}
+		}
+	}
+	@media all and ( min-width: $maxWidth / $width ) {
+		html.mm-right.mm-opening#{$cls}
+		{
+			.mm-slideout
+			{
+				@include mm-webkit-prefix( 'transform', translate( -$maxWidth, 0 ) );
+			}
+		}
+	}
+}
+
+//	Sizing z-position
+@mixin mm_sizing_zposition( $cls: "",
+	$height: $mm_menuHeight, $minHeight: $mm_menuMinHeight, $maxHeight: $mm_menuMaxHeight
+) {
+
+	// top
+	// bottom
+	.mm-menu#{$cls}
+	{
+		&.mm-top,
+		&.mm-bottom
+		{
+			height: percentage( $height );
+			min-height: $minHeight;
+			max-height: $maxHeight;
+		}
+	}
+}

data/apps/core/components/public/mmenu/scss/inc/_variables.scss

@@ -0,0 +1,61 @@
+//	Animations
+$mm_transitionDuration: 0.4s !default;
+$mm_transitionFunction: ease !default;
+
+//	Colors
+$mm_backgroundColor				: #f3f3f3 !default;
+$mm_borderColor					: rgba( #000, 0.1 ) !default;
+$mm_dimmedTextColor				: rgba( #000, 0.3 ) !default;
+$mm_emphasizedBackgroundColor	: rgba( #fff, 0.5 ) !default;
+$mm_highlightedBackgroundColor	: rgba( #000, 0.05 ) !default;
+$mm_textColor					: rgba( #000, 0.7 ) !default;
+
+//	Sizes
+$mm_padding			: 10px !default;
+
+$mm_btnSize			: 40px !default;
+$mm_fontSize		: 14px !default;
+$mm_listitemIndent	: $mm_padding * 2 !default;
+$mm_listitemPadding	: $mm_padding !default;
+$mm_panelPadding	: $mm_padding * 2 !default;
+$mm_subopenWidth	: $mm_btnSize + $mm_padding !default;
+$mm_subpanelOffset	: 30% !default;
+
+
+//	Addon/Extension colors
+$mm_toggleCheckedColor		: #4bd963 !default;
+$mm_inputBackgroundColor	: rgba( #000, 0.05 ) !default;
+$mm_pageShadow				: 0 0 10px rgba( #000, 0.3 ) !default;
+$mm_panelShadow				: $mm_pageShadow !default;
+
+
+//	Addon/Extension sizes
+$mm_menuWidth		: 0.8 !default;
+$mm_menuMinWidth	: 140px !default;
+$mm_menuMaxWidth	: 440px !default;
+
+$mm_menuHeight		: 0.8 !default;
+$mm_menuMinHeight	: 140px !default;
+$mm_menuMaxHeight	: 880px !default;
+
+$mm_checkHeight			: $mm_btnSize - $mm_padding !default;
+$mm_checkWidth			: $mm_btnSize - $mm_padding !default;
+
+$mm_counterWidth		: $mm_btnSize !default;
+
+$mm_dividerFontSize		: 10px !default;
+$mm_dividerHeight		: ( $mm_btnSize / 2 ) + ( $mm_padding / 2 ) !default;
+
+$mm_navbarHeight		: $mm_btnSize !default;
+$mm_breadcrumbPadding	: round( $mm_padding / 4 ) !default;
+
+$mm_iconbarWidth		: $mm_btnSize + ( $mm_padding * 2 ) !default;
+$mm_iconpanelWidth		: $mm_btnSize !default;
+
+$mm_sectionIndexerWidth	: $mm_padding * 2 !default;
+
+$mm_toggleHeight		: $mm_btnSize - $mm_padding !default;
+$mm_toggleWidth			: ( $mm_toggleHeight * 2 ) - $mm_padding !default;
+
+$mm_zoomScaleDown		: 0.7 !default;
+$mm_zoomScaleUp			: 1.5 !default;

data/apps/core/components/public/mmenu/scss/jquery.mmenu.scss

@@ -0,0 +1,478 @@
+/*
+  jQuery.mmenu oncanvas CSS
+*/
+@import "inc/variables";
+@import "inc/mixins";
+@import "inc/sizing";
+@import "inc/colors";
+
+
+//  Generic classes
+.mm-hidden
+{
+  display: none !important;
+}
+
+
+//  Container
+.mm-wrapper
+{
+  overflow-x: hidden;
+  position: relative;
+}
+
+
+//  Menu
+.mm-menu,
+.mm-panels,
+.mm-panels > .mm-panel
+{
+  margin: 0;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 0;
+}
+.mm-menu
+{
+  box-sizing: border-box;
+  background: inherit;
+  display: block;
+  overflow: hidden;
+  padding: 0;
+}
+
+
+//  Panels
+.mm-panel
+{
+  -webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
+  -moz-transition: -moz-transform $mm_transitionDuration $mm_transitionFunction;
+  -ms-transition: -ms-transform $mm_transitionDuration $mm_transitionFunction;
+  -o-transition: -o-transform $mm_transitionDuration $mm_transitionFunction;
+  transition: transform $mm_transitionDuration $mm_transitionFunction;
+
+  @include mm_webkit_prefix( 'transform', translate3d( 100%, 0, 0 ) );
+  
+  &.mm-opened
+  {
+    @include mm_webkit_prefix( 'transform', translate3d( 0%, 0, 0 ) );
+  }
+  &.mm-subopened
+  {
+    @include mm_webkit_prefix( 'transform', translate3d( -$mm_subpanelOffset, 0, 0 ) );
+  }
+  &.mm-highest
+  {
+    z-index: 1;
+  }
+}
+
+.mm-panels,
+.mm-panels > .mm-panel
+{
+  background: inherit;
+  border-color: inherit;
+}
+.mm-panels > .mm-panel
+{
+  background: inherit;
+  border-color: inherit;
+
+  -webkit-overflow-scrolling: touch;
+  overflow: scroll;
+  overflow-x: hidden;
+  overflow-y: auto;
+
+  box-sizing: border-box; 
+  padding: 0 $mm_panelPadding;
+
+  &.mm-hasnavbar
+  {
+    padding-top: $mm_navbarHeight;
+  }
+
+  //  Because padding-bottom in some browsers is ignored when a DIV is scrollable
+  &:before,
+  &:after
+  {
+    content: '';
+    display: block;
+    height: $mm_panelPadding;
+  }
+}
+
+
+//  Vertical
+.mm-vertical .mm-panel
+{
+  @include mm_webkit_prefix( 'transform', none !important );
+}
+
+.mm-vertical .mm-listview,
+.mm-listview .mm-vertical
+{
+  .mm-panel
+  {
+    display: none;
+    padding: $mm_padding 0 $mm_padding $mm_padding;
+
+    .mm-listview > li:last-child:after
+    {
+      border-color: transparent;
+    }
+  }
+}
+.mm-vertical li.mm-opened,
+li.mm-vertical.mm-opened
+{
+  > .mm-panel
+  {
+    display: block;
+  }
+}
+.mm-vertical .mm-listview > li,
+.mm-listview > li.mm-vertical
+{
+  > .mm-next
+  {
+    height: $mm_btnSize;
+    bottom: auto;
+
+    &:after
+    {
+      top: ( $mm_btnSize / 2 ) - 4;
+      bottom: auto;
+    }
+  }
+  &.mm-opened
+  {
+    > .mm-next:after
+    {
+      @include mm_webkit_prefix( "transform", rotate( 45deg ) );
+    }
+  }
+}
+
+.mm-navbar
+{
+  border-bottom: 1px solid;
+  border-color: inherit;
+  text-align: center;
+  line-height: $mm_btnSize / 2;
+
+  height: $mm_navbarHeight;
+  padding: 0 $mm_btnSize;
+
+  margin: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+
+  > *
+  {
+    display: block;
+    padding: ( $mm_btnSize / 4 ) 0;
+  }
+  a,
+  a:hover
+  {
+    text-decoration: none;
+  }
+  .mm-title
+  {
+    @include mm_ellipsis;
+  }
+  .mm-btn
+  {
+    box-sizing: border-box;
+    width: $mm_btnSize;
+    height: $mm_btnSize;
+    position: absolute;
+    top: 0;
+    z-index: 1;
+
+    &:first-child
+    {
+      padding-left: $mm_panelPadding;
+      left: 0;
+    }
+    &:last-child
+    {
+      text-align: right;
+      padding-right: $mm_panelPadding;
+      right: 0;
+    }
+  }
+}
+.mm-panel
+{
+  .mm-navbar
+  {
+    display: none;
+  }
+  &.mm-hasnavbar .mm-navbar
+  {
+    display: block;
+  }
+}
+
+
+//  Listviews
+.mm-listview,
+.mm-listview > li
+{
+  list-style: none;
+  display: block;
+  padding: 0;
+  margin: 0;
+}
+.mm-listview
+{
+  font: inherit;
+  font-size: $mm_fontSize;
+  line-height: $mm_btnSize - ( $mm_padding * 2 );
+
+  a,
+  a:hover
+  {
+    text-decoration: none;
+  }
+
+  > li
+  {
+    position: relative;
+
+    &,
+    &:after,
+    .mm-next,
+    .mm-next:before
+    {
+      border-color: inherit;
+    }
+
+    > a,
+    > span
+    {
+      @include mm_ellipsis;
+
+      color: inherit;
+      display: block;
+      padding: $mm_listitemPadding $mm_listitemPadding $mm_listitemPadding $mm_listitemIndent;
+      margin: 0;
+
+      &.mm-arrow
+      {
+        padding-right: $mm_subopenWidth;
+      }
+    }
+    
+    &:not(.mm-divider)
+    {
+      @include mm_border_bottom;
+
+      &:after
+      {
+        left: $mm_listitemIndent;
+      }
+    }
+  }
+
+  // subopen
+  .mm-next
+  {
+    @include mm_border_left;
+
+    background: rgba( 3, 2, 1, 0 );
+    width: $mm_subopenWidth;
+    padding: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 2;
+
+    + a,
+    + span
+    {
+      margin-right: $mm_subopenWidth;
+    }
+
+    &.mm-fullsubopen
+    {
+      width: 100%;
+      
+      &:before
+      {
+        border-left: none;
+      }
+      
+      + a,
+      + span
+      {
+        padding-right: $mm_subopenWidth;
+        margin-right: 0;
+      }
+    }
+  }
+}
+.mm-panels > .mm-panel 
+{
+  > .mm-listview
+  {
+    margin: $mm_panelPadding ( -$mm_panelPadding );
+  }
+  > .mm-listview:first-child,
+  > .mm-navbar + .mm-listview
+  {
+    margin-top: -$mm_panelPadding;
+  }
+}
+
+
+//  Inset lists
+.mm-listview .mm-inset,
+{
+  list-style: inside disc;
+  padding: 0 $mm_listitemPadding ( $mm_listitemPadding * 1.5 ) ( $mm_listitemIndent * 2 );
+  margin: 0;
+
+  > li
+  {
+    padding: ( $mm_listitemPadding / 2 ) 0;
+  }
+}
+
+
+// Dividers
+.mm-listview .mm-divider
+{
+  @include mm_ellipsis;
+
+  font-size: $mm_dividerFontSize;
+  text-transform: uppercase;
+  text-indent: $mm_listitemIndent;
+  line-height: $mm_dividerHeight;
+}
+
+
+// Spacers
+.mm-listview .mm-spacer
+{
+  padding-top: $mm_btnSize;
+  
+  > .mm-next
+  {
+    top: $mm_btnSize;
+  }
+
+  &.mm-divider
+  {
+    padding-top: $mm_dividerHeight;
+  }
+}
+
+
+// Arrows
+.mm-prev:before,
+.mm-next:after,
+.mm-arrow:after
+{
+  @include mm_arrow;
+}
+.mm-prev:before
+{
+  @include mm_arrow_prev;
+}
+.mm-next:after,
+.mm-arrow:after
+{
+  @include mm_arrow_next;
+}
+
+
+@include mm_colors;
+
+/*
+  jQuery.mmenu offcanvas addon CSS
+*/
+
+//  Animations
+.mm-page
+{
+  box-sizing: border-box;
+  position: relative;
+}
+.mm-slideout
+{
+  -webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
+  -ms-transition: -ms-transform $mm_transitionDuration $mm_transitionFunction;
+  transition: transform $mm_transitionDuration $mm_transitionFunction;
+}
+
+//  Container, Page, Blocker
+html.mm-opened
+{
+  overflow-x: hidden;
+  position: relative;
+}
+html.mm-blocking
+{
+  overflow: hidden;
+
+  body
+  {
+    overflow: hidden;
+  }
+}
+
+html.mm-background .mm-page
+{
+  background: inherit;
+}
+#mm-blocker
+{
+  background: rgba( 3, 2, 1, 0 );
+  display: none;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999999;
+}
+html.mm-blocking #mm-blocker
+{
+  display: block;
+}
+
+//  Menu
+.mm-menu
+{
+  &.mm-offcanvas
+  {
+    display: none;
+    position: fixed;
+  }
+  &.mm-current
+  {
+    display: block;
+  }
+}
+
+
+@include mm_sizing;
+
+
+@import "extensions/jquery.mmenu.borderstyle";
+@import "extensions/jquery.mmenu.effects";
+@import "extensions/jquery.mmenu.fullscreen";
+@import "extensions/jquery.mmenu.multiline";
+@import "extensions/jquery.mmenu.pagedim";
+@import "extensions/jquery.mmenu.pageshadow";
+@import "extensions/jquery.mmenu.positioning";
+@import "extensions/jquery.mmenu.themes";
+@import "extensions/jquery.mmenu.tileview";