superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/app/styles/variables/_colors.scss

@@ -1,275 +0,0 @@
-@use "sass:map";
-@use "sass:color";
-@use "sass:math";
-
-// variables/colors.scss
-
-// Refernce Colours
-// $ref-color-primary:         hsla(198, 50%, 50%, 1);
-// $ref-color-success:         hsla(120, 40%, 50%, 1);
-// $ref-color-alert:           hsla(358, 79%, 50%, 1);
-// $ref-color-warning:         hsla(35, 100%, 50%, 1);
-// $ref-color-highlight:       hsla(291, 64%, 50%, 1);
-// $ref-color-neutral:         hsla(0,    0%, 50%, 1);
-
-// Refernce Colours -- DARK BGs & Lines
-// $ref-color-cool-grey--00:   hsl(214, 13%, 12%);
-// $ref-color-cool-grey--01:   hsl(214, 13%, 16%);
-// $ref-color-cool-grey--02:   hsl(214, 13%, 20%);
-// $ref-color-cool-grey--03:   hsl(214, 13%, 25%);
-// $ref-color-cool-grey--04:   hsl(214, 13%, 30%);
-
-// Refernce Colours -- LIGHT BGs & Lines
-// $ref-color-light-grey--00:  hsl(214, 13%, 100%);
-// $ref-color-light-grey--01:  hsl(214, 13%, 96%);
-// $ref-color-light-grey--02:  hsl(214, 13%, 92%);
-// $ref-color-light-grey--03:  hsl(214, 13%, 85%);
-// $ref-color-light-grey--04:  hsl(214, 13%, 80%);
-// $ref-color-light-grey--05:  hsl(214, 13%, 75%);
-// $ref-color-light-grey--06:  hsl(214, 13%, 70%);
-// $ref-color-light-grey--07:  hsl(214, 13%, 65%);
-// $ref-color-light-grey--08:  hsl(214, 13%, 60%);
-
-///// =====================================================================
-
-$sd-colour-interactive: var(--sd-colour-interactive);
-$sd-colour--focus-shadow: var(--sd-colour-interactive--alpha-40);
-
-$mainListBackGround: var(--sd-colour-panel-bg--100);
-$subnav-background: var(--sd-colour-panel-bg--100);
-$subnav-background-darker: var(--sd-colour-panel-bg--200);
-
-$subnav-background-blue-grey: var(--color-subnav-bg--blueGrey-00);
-$subnav-background-blue-grey-darker: var(--color-subnav-bg--blueGrey-10);
-$subnav-background-dark-blue-grey: var(--color-subnav-bg--blueGrey-10);
-$subnav-background-darkUi: var(--color-subnav-bg--00);
-
-// NEWLY DEFINED COLOURS
-// =========================================================================
-$sd-colour-background__base: hsla(0, 0%, 100%, 1);
-$sd-colour-background__panel--default: hsla(0, 0%, 100%, 1);
-
-$sd-colour-brand__base--supedesk: hsla(152, 71%, 40%, 1);
-$sd-colour-brand__base--primary: hsla(165, 59%, 49%, 1);
-$sd-colour-brand__base--secondary: hsla(185, 33%, 57%, 1);
-
-$sd-colour-text__base: var(--color-text);
-$sd-colour-text__base--light: var(--color-text-muted);
-$sd-colour-text__slugline: var(--sd-slugline-color);
-
-$sd-colour-background__sliding-toolbar: var(--sd-colour-bg__sliding-toolbar);
-
-$sd-colour-background__menu-item: transparent;
-$sd-colour-background__menu-item--hover: var(--sd-colour-interactive--alpha-20);
-$sd-colour-background__menu-item--active: var(--sd-colour-interactive--alpha-30);
-
-$sd-colour-background__button-primary--normal: var(--sd-colour-interactive);
-$sd-colour-background__button-primary--hover: var(--sd-colour-interactive--hover);
-$sd-colour-background__button-primary--active: var(--sd-colour-interactive--active);
-
-// ==========================================================================
-
-// Basic colors
-$sd-blue: hsla(198, 49%, 58%, 1);
-$sd-blueMedium: hsla(198, 49%, 47%, 1);
-$sd-blueDark: hsla(197, 100%, 25%, 1);
-$sd-green: hsla(152, 71%, 40%, 1);
-
-$green: hsla(120, 40%, 46%, 1);
-$red: hsla(358, 79%, 50%, 1);
-$yellow: hsla(45, 100%, 53%, 1);
-$orange: hsla(35, 100%, 43%, 1);
-$purple: hsla(291, 64%, 42%, 1);
-
-$black: hsl(214, 13%, 0%);
-$grayDarker: hsl(214, 13%, 13%);
-$grayDark: hsl(214, 13%, 20%);
-$grayMedium: hsl(214, 13%, 27%);
-$gray: hsl(214, 13%, 40%);
-$grayNeutral: hsl(214, 13%, 48%);
-$grayText: hsl(214, 13%, 45%);
-$grayLight: hsl(214, 13%, 60%);
-$grayLighter: hsl(214, 13%, 96%);
-$white: hsl(214, 13%, 100%);
-
-// Greys
-// $gray--900:             hsl(214, 13%, 20%);
-// $gray--800:             hsl(214, 13%, 27%);
-// $gray--700:             hsl(214, 13%, 33%);
-// $gray--600:             hsl(214, 13%, 40%);
-// $gray--500:             hsl(214, 13%, 45%);
-// $gray--400:             hsl(214, 13%, 53%);
-// $gray--300:             hsl(214, 13%, 60%);
-// $gray--200:             hsl(214, 13%, 80%);
-// $gray--100:             hsl(214, 13%, 87%);
-// $gray--75:              hsl(214, 13%, 93%);
-// $grey--50:              hsl(214, 13%, 96%);
-
-// Extended colors
-$fernGreen: hsla(91, 47%, 34%, 1);
-$oldGold: hsla(48, 100%, 41%, 1);
-$darkOrange: hsla(31, 100%, 43%, 1);
-$fireBrick: hsla(7, 100%, 37%, 1);
-$deepPink: hsla(325, 100%, 45%, 1);
-$darkMagenta: hsla(300, 100%, 27%, 1);
-$darkViolet: hsla(280, 100%, 34%, 1);
-$navy: hsla(240, 100%, 25%, 1);
-
-// Panel backgrounds
-// $panel-bg--00:          #fff;
-// $panel-bg--01:          #f8f8f8;
-// $panel-bg--02:          #f5f5f5;
-// $panel-bg--03:          #ededed;
-// $panel-bg--04:          #dedede;
-// $panel-bg--05:          #a1a1a1;
-
-// Text specific colors
-//Subnav colours
-
-$sd-text: var(--color-text);
-$sd-text-light: var(--color-text-muted);
-$sd-text-lighter: var(--color-text-subdued);
-$sd-slugline: var(--sd-slugline-color);
-$sd-slugline-darkUI: hsl(196, 19%, 50%);
-
-// Light border color that works well on white and dark backgrounds
-$neutral-border-color: color.scale($grayNeutral, $alpha: -50%);
-
-// Misc
-$avatarBG: hsla(168, 31%, 55%, 1);
-$sd-background: hsla(0, 0%, 97%, 1);
-$sd-background-darkUI: hsla(0, 0%, 23%, 1);
-$sd-filters-bg: hsla(0, 0%, 93%, 1);
-$sd-filters-darkUI-bg: hsla(0, 0%, 20%, 1);
-
-$sd-hover: hsla(196, 52%, 96%, 1);
-$transparent-gray: hsla(0, 0%, 0%, 0.15);
-$transparent-white: hsla(0, 0%, 100%, 0.4);
-$sd-inputBorderColor: $transparent-gray;
-
-$photoBG-dark: hsla(0, 0%, 17%, 1);
-$annotation-color: hsla(87, 68%, 61%, 1);
-$comment-color: hsla(54, 100%, 72%, 1);
-
-$sd-inputBorderColor-darkUi: $transparent-white;
-
-//Subnav colours
-
-$sd-basic-palette: (
-	default: hsla(214, 13%, 60%, 1),
-	primary: $sd-blue,
-	success: $green,
-	warning: $orange,
-	alert: $red,
-	highlight: $purple,
-	sd-green: $sd-green,
-);
-
-$sd-extended-palette: (
-	default: $grayDark,
-	primary: $sd-blue,
-	success: $green,
-	warning: $orange,
-	alert: $red,
-	highlight: $purple,
-
-	success2: $fernGreen,
-	yellow2: $oldGold,
-	orange2: $darkOrange,
-	red2: $fireBrick,
-	highlight2: $deepPink,
-	highlight3: $darkMagenta,
-	highlight4: $darkViolet,
-	darkBlue2: $navy,
-	sd-green: $sd-green,
-);
-
-$sd-basic-palette-ui-dark: (
-	default: $grayLighter,
-	primary: $sd-blue,
-	success: $green,
-	warning: $orange,
-	alert: $red,
-	highlight: #bf00e0,
-	sd-green: $sd-green,
-);
-
-// Dark UI
-
-// Internal variables used for colors
-$primary-color: map.get($sd-basic-palette, primary);
-$default-color: map.get($sd-basic-palette, default);
-$default-color-ui-dark: map.get($sd-basic-palette-ui-dark, default);
-
-// Additional colors with shades -- Material design based
-$baseColors: (
-	red: hsla(4, 90%, 58%, 1),
-	pink: hsla(340, 82%, 52%, 1),
-	purple: hsla(291, 64%, 42%, 1),
-	deep-purple: hsla(262, 52%, 47%, 1),
-	indigo: hsla(231, 48%, 48%, 1),
-	blue: hsla(207, 90%, 54%, 1),
-	light-blue: hsla(199, 98%, 48%, 1),
-	cyan: hsla(187, 100%, 42%, 1),
-	teal: hsla(174, 100%, 29%, 1),
-	green: hsla(122, 39%, 49%, 1),
-	light-green: hsla(88, 50%, 53%, 1),
-	lime: hsla(66, 70%, 54%, 1),
-	yellow: hsla(54, 100%, 62%, 1),
-	amber: hsla(45, 100%, 51%, 1),
-	orange: hsla(36, 100%, 50%, 1),
-	deep-orange: hsla(14, 100%, 57%, 1),
-	brown: hsla(16, 25%, 38%, 1),
-	grey: hsla(0, 0%, 57%, 1),
-	blue-grey: hsla(200, 18%, 46%, 1)
-);
-
-@function colorMap($baseColors, $variations) {
-	$colors: ();
-
-	@each $color,
-	$value in $baseColors {
-		$maxVar: 36;
-		$mid: math.div($variations, 2);
-		$dist: $mid - 1;
-		$step: math.div($maxVar, $dist);
-
-		// lighten and darken
-		@for $i from 1 through $dist {
-			$percent: $maxVar - ($step * ($i - 1));
-			$darken: ($variations - $i) * 100;
-			$lighten: $i * 100;
-
-			$colors: map.merge($colors, (
-				#{$color}--#{$lighten}: color.adjust($value, $lightness: $percent * 1%),
-				#{$color}--#{$darken}: color.adjust($value, $lightness: -$percent * 1%))
-			);
-		}
-
-		// middle eg 500
-		$colors: map.merge($colors, (#{$color}--50: color.adjust($value, $lightness: 38.7%)));
-		$colors: map.merge($colors, (#{$color}--#{math.div($variations, 2)*100}: $value));
-	}
-
-	@return $colors;
-}
-
-@each $color,
-$value in colorMap($baseColors, 10) {
-	.#{$color} {
-		background-color: $value;
-	}
-
-	.hollow-#{$color} {
-		color: $value !important;
-		border-color: $value !important;
-
-		&:hover {
-			color: $value !important;
-		}
-	}
-
-	.text-#{$color} {
-		color: $value;
-	}
-}

package/app/styles/variables/_dimensions.scss

@@ -1,89 +0,0 @@
-$zindexDropdown: 2000;
-$zindexFixedNavbar: 1030;
-$sd-main-menu-width: 30rem;
-
-$sd-base-increment: 0.8rem;
-
-// Border Radius
-$border-radius__base--x-small:  var(--b-radius--x-small);
-$border-radius__base--small:    var(--b-radius--small);
-$border-radius__base--medium:   var(--b-radius--medium);
-$border-radius__base--large:    var(--b-radius--large);
-$border-radius__base--x-large:  var(--b-radius--x-large);
-$border-radius__base--full:     var(--b-radius--full);
-
-// TYPOGRAPHY
-// ----------------------------------------------------
-$font-size__base: 1.3rem;
-$font-size__base--: 1.3rem;
-
-$font-size__button--default: 1.2rem;
-$font-size__button--small: 1rem;
-$font-size__button--large: 1.4rem;
-
-$font-size__heading--1: 1.4rem;
-
-$font-size__editor_base: 1.6rem;
-$font-size__editor_H1: 2em;
-$font-size__editor_H2: 1.5em;
-$font-size__editor_H3: 1.125em;
-$font-size__editor_H4: 0.875em;
-$font-size__editor_H5: 0.75em;
-$font-size__editor_H6: 0.6875em;
-
-// SHAPES & SIZES
-// ----------------------------------------------------
-
-// left and right side-tab navigation width
-
-$sd-sidebarMenu-width: 4.8rem;
-$nav-height: 4.8rem;
-$subnav-height: 4.8rem;
-
-// Heights
-$height-input--default: $sd-base-increment * 4;
-
-$height__button--default: $height-input--default;
-$height__button--small: $sd-base-increment * 3;
-$height__button--large: $sd-base-increment * 5;
-$height__button--x-large: $sd-base-increment * 7;
-
-
-$height__label--default: $sd-base-increment * 2;
-$height__label--large: $sd-base-increment * 3;
-
-$height__icon-button--default: $height-input--default;
-$height__icon-button--small: $sd-base-increment * 3;
-
-$height__modal-header: $sd-base-increment * 6;
-$height__modal-footer: $sd-base-increment * 6;
-
-// Spaces
-$padding-x__button--default: 1.2rem !default;
-$padding-x__button--small: 0.8rem;
-$padding-x__button--large: 1.6rem;
-
-$padding-x__label--default: 0.8rem;
-$padding-y__label--large: 0.5rem;
-$padding-x__label--large: 1.2rem;
-
-
-// ELEVATIONS
-// ----------------------------------------------------
-$shadow__base--z1: 0 1px 3px rgba(0,0,0,.16), 0 0 1px rgba(0,0,0,.1);
-$shadow__base--z2: 0 1px 4px rgba(0,0,0,.16), 0 2px 6px rgba(0,0,0,.12), 0 0 1px rgba(0,0,0,.1);
-$shadow__base--z3: 0 1px 6px rgba(0,0,0,.16), 0 3px 8px rgba(0,0,0,.24), 0 0 1px rgba(0,0,0,.1);
-$shadow__base--z4: 0 2px 10px rgba(0,0,0,.2), 0 6px 16px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.1);
-
-$shadow__dropdown--default: var(--sd-shadow__dropdown);
-$shadow__modal--default: var(--sd-shadow__modal);
-
-
-// TRANSITIONS
-// ----------------------------------------------------
-$sd-transition__menu-item: background-color ease 0.1s;
-
-
-// FORM ELEMENTS
-// ----------------------------------------------------
-$form-label-height: $sd-base-increment * 2;

package/app/styles/variables/_typography.scss

@@ -1,20 +0,0 @@
-// variables/typography.scss
-
-$baseFontSize: 1.3rem;
-$baseFontFamily: "Roboto", Helvetica, Arial, sans-serif;
-$baseFontFamilyMono:'Roboto Mono', 'Consolas', 'monaco', monospace;
-$baseFontFamilySerif: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
-$baseLineHeight: 1.4;
-$altFontFamily: Georgia, "Times New Roman", Times, serif;
-
-$headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
-$headingsFontWeight: bold;    // instead of browser default, bold
-
-:root {
-    --font-size-base: 1.3rem;
-    --line-height-base: 1.4;
-    --font-primary: "Roboto", Helvetica, Arial, sans-serif;
-    --font-secondary: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
-    --font-mono: 'Roboto Mono', 'Consolas', 'monaco', monospace;
-    --font-alt: Georgia, "Times New Roman", Times, serif;
-}

package/app/template/backdrop.html

@@ -1 +0,0 @@
-<div class="modal__backdrop fade in"></div>

package/app/template/carousel.html

@@ -1,15 +0,0 @@
-<div class="sd-carousel__backdrop"></div>
-<div class="sd-carousel">
-    <div class="sd-carousel__dialog">
-        <div class="sd-carousel__content" ng-transclude></div>
-        <a class="sd-carousel__nav-button sd-carousel__nav-button--prev" ng-click="ctrl.previous()" ng-hide="pageIndex === 0"></a>
-        <a class="sd-carousel__nav-button" ng-click="pageIndex === steps.length-1 ? ctrl.finish() : ctrl.next()" ng-class="pageIndex === steps.length-1 ? 'sd-carousel__nav-button--end' : 'sd-carousel__nav-button--next'"></a>
-        <div class="sd-carousel__page-indication-bar">
-            <span ng-repeat="step in steps" 
-                  class="sd-carousel__page-indicator" 
-                  ng-class="{'sd-carousel__page-indicator--selected': step.selected}"
-                  ng-click="goTo(step)">
-            </span>
-        </div>
-    </div>
-</div>

package/app/template/circular-progress.html

@@ -1,11 +0,0 @@
-<div class="progress-bar-container">
-    <div  class="progress-done" ng-class="{'progress-done--completed': status === 'completed', 'progress-done--error': status === 'error'}">
-        <i class="icon-ok" ng-hide="status === 'error'"></i>
-        <i class="icon-close-small" ng-hide="status === 'completed'"></i>
-    </div>
-    <span class="progress-text" ng-if="counter">{{value}}<em>%</em></span>
-    <svg class="progress-svg">
-        <circle ng-attr-r="{{radius}}" ng-attr-cx="50%" ng-attr-cy="50%"></circle>
-        <circle class="progressbar" ng-attr-r="{{radius}}" ng-attr-cx="50%" ng-attr-cy="50%" ng-style="{'stroke-dashoffset': dashOffset, 'stroke-dasharray': circumference}"></circle>
-    </svg>
-</div>

package/app/template/datepicker/datepicker.html

@@ -1,5 +0,0 @@
-<div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)">
-  <daypicker ng-switch-when="day" tabindex="0"></daypicker>
-  <monthpicker ng-switch-when="month" tabindex="0"></monthpicker>
-  <yearpicker ng-switch-when="year" tabindex="0"></yearpicker>
-</div>

package/app/template/datepicker/day.html

@@ -1,21 +0,0 @@
-<table role="grid" aria-labelledby="{{::uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
-  <thead>
-    <tr>
-      <th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="icon-chevron-left-thin"></i></button></th>
-      <th colspan="{{::5 + showWeeks}}"><button id="{{::uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" ng-disabled="datepickerMode === maxMode" tabindex="-1" style="width:100%;"><strong>{{title}}</strong></button></th>
-      <th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="icon-chevron-right-thin"></i></button></th>
-    </tr>
-    <tr>
-      <th ng-if="showWeeks" class="text-center"></th>
-      <th ng-repeat="label in ::labels track by $index" class="text-center"><small aria-label="{{::label.full}}">{{::label.abbr}}</small></th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr ng-repeat="row in rows track by $index">
-      <td ng-if="showWeeks" class="text-center h6"><em>{{ weekNumbers[$index] }}</em></td>
-      <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{::dt.uid}}" ng-class="::dt.customClass">
-        <button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}">{{::dt.label}}</span></button>
-      </td>
-    </tr>
-  </tbody>
-</table>

package/app/template/datepicker/month.html

@@ -1,16 +0,0 @@
-<table role="grid" aria-labelledby="{{::uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
-  <thead>
-    <tr>
-      <th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="icon-chevron-left-thin"></i></button></th>
-      <th><button id="{{::uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" ng-disabled="datepickerMode === maxMode" tabindex="-1" style="width:100%;"><strong>{{title}}</strong></button></th>
-      <th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="icon-chevron-right-thin"></i></button></th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr ng-repeat="row in rows track by $index">
-      <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{::dt.uid}}" ng-class="::dt.customClass">
-        <button type="button" style="min-width:100%;" class="btn btn-default" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span ng-class="::{'text-info': dt.current}">{{::dt.label}}</span></button>
-      </td>
-    </tr>
-  </tbody>
-</table>

package/app/template/datepicker/popup.html

@@ -1,10 +0,0 @@
-<ul class="dropdown-menu" ng-if="isOpen" style="display: block" ng-style="{top: position.top+'px', left: position.left+'px'}" ng-keydown="keydown($event)" ng-click="$event.stopPropagation()">
-	<li ng-transclude></li>
-	<li ng-if="showButtonBar" style="padding:10px 9px 2px">
-		<span class="btn-group pull-left">
-			<button type="button" class="btn btn-sm btn-info" ng-click="select('today')">{{ getText('current') }}</button>
-			<button type="button" class="btn btn-sm btn-danger" ng-click="select(null)">{{ getText('clear') }}</button>
-		</span>
-		<button type="button" class="btn btn-sm btn-success pull-right" ng-click="close()">{{ getText('close') }}</button>
-	</li>
-</ul>

package/app/template/datepicker/year.html

@@ -1,16 +0,0 @@
-<table role="grid" aria-labelledby="{{::uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
-  <thead>
-    <tr>
-      <th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="icon-chevron-left-thin"></i></button></th>
-      <th colspan="3"><button id="{{::uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" ng-disabled="datepickerMode === maxMode" tabindex="-1" style="width:100%;"><strong>{{title}}</strong></button></th>
-      <th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="icon-chevron-right-thin"></i></button></th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr ng-repeat="row in rows track by $index">
-      <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{::dt.uid}}">
-        <button type="button" style="min-width:100%;" class="btn btn-default" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span ng-class="::{'text-info': dt.current}">{{::dt.label}}</span></button>
-      </td>
-    </tr>
-  </tbody>
-</table>

package/app/template/line-input.html

@@ -1,18 +0,0 @@
- <div class="sd-line-input" ng-class="{'sd-line-input--dark-ui': dark, 'sd-line-input--boxed': boxed, 'sd-line-input--required': required}">
-    <label class="sd-line-input__label" translate>{{label}}</label>
-
-    <input class="sd-line-input__input" type="text" ng-model="modelFixed.value" ng-change="update(modelFixed.value)" ng-blur="onblur()" ng-disabled="disabled" placeholder="{{placeholder}}" ng-if="!transclude && !textarea">
-
-    <textarea class="sd-line-input__input"
-        ng-model="modelFixed.value"
-        ng-change="update(modelFixed.value)"
-        ng-blur="onblur()"
-        ng-disabled="disabled"
-        placeholder="{{placeholder}}"
-        ng-if="textarea"
-        sd-auto-height>
-    </textarea>
-
-    <ng-transclude></ng-transclude>
-    <div class="sd-line-input__char-count" ng-if="maxlength" sd-character-count data-item="modelFixed.value" data-limit="maxlength" data-html="true"></div>
-</div>

package/app/template/search-handler.html

@@ -1,11 +0,0 @@
-<div class="flat-searchbar extended">
-    <div class="search-handler" ng-class="{'search-handler--left-border': borderleft}">
-        <label for="search-input" class="trigger-icon"><i class="icon-search"></i></label>
-        <input id="search-input" type="text" placeholder="{{ :: label || 'Search' }}" ng-model="model" ng-model-options="{debounce: debounce}">
-        <button class="search-close" ng-if="model.length" ng-click="clearInput()" ng-class="{visible: model.length}"><i class="icon-remove-sign"></i></button>
-
-        <button class="search-close" ng-if="button && model.length" ng-click="" ng-class="{visible: button && model.length}">
-            <i class="big-icon--chevron-right"></i>
-        </button>
-    </div>
-</div>

package/app/template/tags.html

@@ -1,27 +0,0 @@
-<label class="tags-input__label" ng-if="label">{{label}}</label>
-<tags-input ng-model="model"
-    add-from-autocomplete-only="{{items ? !freetext : false}}"
-    show-button="{{!!items}}"
-    display-property="{{field}}"
-    key-property="{{keyProperty}}"
-    use-strings="{{!field}}"
-    ng-required="required"
-    on-tag-added="onChange($tag)"
-    on-tag-removed="onChange($tag)"
-    replace-spaces-with-dashes="{{replaceSpacesWithDashes}}"
-    min-length="{{minLength}}"
-    max-length="{{maxLength}}"
-    max-tags="{{maxTags}}"
-    max-items="{{maxItems}}"
-    boxed={{boxed}}
-    placeholder="{{placeholder}}">
-
-    <auto-complete ng-if="items"
-        source="loadTags($query)"
-        load-on-empty="true"
-        min-length="{{minLength}}"
-        display-property="{{field}}"
-        key-property="{{keyProperty}}"
-        max-results-to-show="{{maxResultsToShow}}">
-    </auto-complete>
-</tags-input>

package/app/template/window.html

@@ -1,9 +0,0 @@
-<div modal-render="{{$isRendered}}" tabindex="-1" role="dialog" class="modal"
-     modal-animation-class="fade"
-     modal-in-class="in"
-     ng-style="{'z-index': 1050 + index * 10, display: 'block'}"
-     ng-class="size ? 'modal--' + size : ''">
-    <div class="modal__dialog">
-        <div class="modal__content" modal-transclude></div>
-    </div>
-</div>

package/app/template/wizard.html

@@ -1,16 +0,0 @@
-<div class="modal__body-header">
-    <ul class="nav-tabs">
-        <li ng-repeat="step in steps" ng-class="{'nav-tabs__tab--active': step.selected}" class="nav-tabs__tab">
-            <button
-                ng-click="goTo(step)"
-                ng-disabled="step.disabled"
-                ng-hide="step.hide"
-                class="nav-tabs__link"
-                data-test-id="wizard--{{step.title}}"
-            >
-                {{ step.title}}
-            </button>
-        </li>
-    </ul>
-</div>
-<div class="modal__body-content" ng-transclude></div>

package/app/template/wizardStep.html

@@ -1 +0,0 @@
-<div ng-show="selected" class="modal-screen" ng-transclude></div>

package/app/vendor.js

@@ -1,7 +0,0 @@
-import 'lodash';
-import 'jquery';
-import 'jquery-ui';
-import 'angular';
-import 'angular-animate';
-import 'react';
-import 'react-dom';