@creaditor/newsletter-starterkit 1.0.41 → 1.0.42

package/dist/4186.creaditor.bundle.js

@@ -0,0 +1,453 @@
+/*! For license information please see 4186.creaditor.bundle.js.LICENSE.txt */
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[4186],{87335(e,t,r){r.d(t,{K:()=>i});r(69130);const i={properties:{value:{type:Number,value:0,notify:!0,reflectToAttribute:!0},min:{type:Number,value:0,notify:!0},max:{type:Number,value:100,notify:!0},step:{type:Number,value:1,notify:!0},ratio:{type:Number,value:0,readOnly:!0,notify:!0}},observers:["_update(value, min, max, step)"],_calcRatio:function(e){return(this._clampValue(e)-this.min)/(this.max-this.min)},_clampValue:function(e){return Math.min(this.max,Math.max(this.min,this._calcStep(e)))},_calcStep:function(e){if(e=parseFloat(e),!this.step)return e;var t=Math.round((e-this.min)/this.step);return this.step<1?t/(1/this.step)+this.min:t*this.step+this.min},_validateValue:function(){var e=this._clampValue(this.value);return this.value=this.oldValue=isNaN(e)?this.oldValue:e,this.value!==e},_update:function(){this._validateValue(),this._setRatio(100*this._calcRatio(this.value))}}},56379(e,t,r){r.d(t,{O:()=>o,o:()=>n});r(69130);var i=r(71920),a=r(90703),s=r(82239);const n={observers:["_focusedChanged(receivedFocusFromKeyboard)"],_focusedChanged:function(e){e&&this.ensureRipple(),this.hasRipple()&&(this._ripple.holdDown=e)},_createRipple:function(){var e=s.v._createRipple();return e.id="ink",e.setAttribute("center",""),e.classList.add("circle"),e}},o=[i.a,a.x,s.v,n]},89281(e,t,r){r(69130),r(12479),r(88453);var i=r(87335),a=r(95586),s=r(47351);(0,a.b)({_template:s.q`
+    <style>
+      :host {
+        display: block;
+        width: 200px;
+        position: relative;
+        overflow: hidden;
+      }
+
+      :host([hidden]), [hidden] {
+        display: none !important;
+      }
+
+      #progressContainer {
+        @apply --paper-progress-container;
+        position: relative;
+      }
+
+      #progressContainer,
+      /* the stripe for the indeterminate animation*/
+      .indeterminate::after {
+        height: var(--paper-progress-height, 4px);
+      }
+
+      #primaryProgress,
+      #secondaryProgress,
+      .indeterminate::after {
+        @apply --layout-fit;
+      }
+
+      #progressContainer,
+      .indeterminate::after {
+        background: var(--paper-progress-container-color, var(--google-grey-300));
+      }
+
+      :host(.transiting) #primaryProgress,
+      :host(.transiting) #secondaryProgress {
+        -webkit-transition-property: -webkit-transform;
+        transition-property: transform;
+
+        /* Duration */
+        -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s);
+        transition-duration: var(--paper-progress-transition-duration, 0.08s);
+
+        /* Timing function */
+        -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease);
+        transition-timing-function: var(--paper-progress-transition-timing-function, ease);
+
+        /* Delay */
+        -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
+        transition-delay: var(--paper-progress-transition-delay, 0s);
+      }
+
+      #primaryProgress,
+      #secondaryProgress {
+        @apply --layout-fit;
+        -webkit-transform-origin: left center;
+        transform-origin: left center;
+        -webkit-transform: scaleX(0);
+        transform: scaleX(0);
+        will-change: transform;
+      }
+
+      #primaryProgress {
+        background: var(--paper-progress-active-color, var(--google-green-500));
+      }
+
+      #secondaryProgress {
+        background: var(--paper-progress-secondary-color, var(--google-green-100));
+      }
+
+      :host([disabled]) #primaryProgress {
+        background: var(--paper-progress-disabled-active-color, var(--google-grey-500));
+      }
+
+      :host([disabled]) #secondaryProgress {
+        background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300));
+      }
+
+      :host(:not([disabled])) #primaryProgress.indeterminate {
+        -webkit-transform-origin: right center;
+        transform-origin: right center;
+        -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
+        animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
+      }
+
+      :host(:not([disabled])) #primaryProgress.indeterminate::after {
+        content: "";
+        -webkit-transform-origin: center center;
+        transform-origin: center center;
+
+        -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
+        animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite;
+      }
+
+      @-webkit-keyframes indeterminate-bar {
+        0% {
+          -webkit-transform: scaleX(1) translateX(-100%);
+        }
+        50% {
+          -webkit-transform: scaleX(1) translateX(0%);
+        }
+        75% {
+          -webkit-transform: scaleX(1) translateX(0%);
+          -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);
+        }
+        100% {
+          -webkit-transform: scaleX(0) translateX(0%);
+        }
+      }
+
+      @-webkit-keyframes indeterminate-splitter {
+        0% {
+          -webkit-transform: scaleX(.75) translateX(-125%);
+        }
+        30% {
+          -webkit-transform: scaleX(.75) translateX(-125%);
+          -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
+        }
+        90% {
+          -webkit-transform: scaleX(.75) translateX(125%);
+        }
+        100% {
+          -webkit-transform: scaleX(.75) translateX(125%);
+        }
+      }
+
+      @keyframes indeterminate-bar {
+        0% {
+          transform: scaleX(1) translateX(-100%);
+        }
+        50% {
+          transform: scaleX(1) translateX(0%);
+        }
+        75% {
+          transform: scaleX(1) translateX(0%);
+          animation-timing-function: cubic-bezier(.28,.62,.37,.91);
+        }
+        100% {
+          transform: scaleX(0) translateX(0%);
+        }
+      }
+
+      @keyframes indeterminate-splitter {
+        0% {
+          transform: scaleX(.75) translateX(-125%);
+        }
+        30% {
+          transform: scaleX(.75) translateX(-125%);
+          animation-timing-function: cubic-bezier(.42,0,.6,.8);
+        }
+        90% {
+          transform: scaleX(.75) translateX(125%);
+        }
+        100% {
+          transform: scaleX(.75) translateX(125%);
+        }
+      }
+    </style>
+
+    <div id="progressContainer">
+      <div id="secondaryProgress" hidden\$="[[_hideSecondaryProgress(secondaryRatio)]]"></div>
+      <div id="primaryProgress"></div>
+    </div>
+`,is:"paper-progress",behaviors:[i.K],properties:{secondaryProgress:{type:Number,value:0},secondaryRatio:{type:Number,value:0,readOnly:!0},indeterminate:{type:Boolean,value:!1,observer:"_toggleIndeterminate"},disabled:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_disabledChanged"}},observers:["_progressChanged(secondaryProgress, value, min, max, indeterminate)"],hostAttributes:{role:"progressbar"},_toggleIndeterminate:function(e){this.toggleClass("indeterminate",e,this.$.primaryProgress)},_transformProgress:function(e,t){var r="scaleX("+t/100+")";e.style.transform=e.style.webkitTransform=r},_mainRatioChanged:function(e){this._transformProgress(this.$.primaryProgress,e)},_progressChanged:function(e,t,r,i,a){e=this._clampValue(e),t=this._clampValue(t);var s=100*this._calcRatio(e),n=100*this._calcRatio(t);this._setSecondaryRatio(s),this._transformProgress(this.$.secondaryProgress,s),this._transformProgress(this.$.primaryProgress,n),this.secondaryProgress=e,a?this.removeAttribute("aria-valuenow"):this.setAttribute("aria-valuenow",t),this.setAttribute("aria-valuemin",r),this.setAttribute("aria-valuemax",i)},_disabledChanged:function(e){this.setAttribute("aria-disabled",e?"true":"false")},_hideSecondaryProgress:function(e){return 0===e}})},14186(e,t,r){r.r(t);r(12479),r(95813),r(89281),r(88453);var i=r(35915),a=r(19911),s=r(87335),n=r(56379),o=r(95586),l=r(15055);const d=r(69130).qy`
+  <style>
+    :host {
+      @apply --layout;
+      @apply --layout-justified;
+      @apply --layout-center;
+      width: 200px;
+      cursor: default;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      --paper-progress-active-color: var(--cdtr-slider-active-color, var(--google-blue-700));
+      --paper-progress-secondary-color: var(--cdtr-slider-secondary-color, var(--google-blue-300));
+      --paper-progress-disabled-active-color: var(--cdtr-slider-disabled-active-color, var(--paper-grey-400));
+      --paper-progress-disabled-secondary-color: var(--cdtr-slider-disabled-secondary-color, var(--paper-grey-400));
+      --calculated-cdtr-slider-height: var(--cdtr-slider-height, 2px);
+    }
+
+    /* focus shows the ripple */
+    :host(:focus) {
+      outline: none;
+    }
+
+    /**
+      * NOTE(keanulee): Though :host-context is not universally supported, some pages
+      * still rely on cdtr-slider being flipped when dir="rtl" is set on body. For full
+      * compatibility, dir="rtl" must be explicitly set on cdtr-slider.
+      */
+    :dir(rtl) #sliderContainer {
+      -webkit-transform: scaleX(-1);
+      transform: scaleX(-1);
+    }
+
+    /**
+      * NOTE(keanulee): This is separate from the rule above because :host-context may
+      * not be recognized.
+      */
+    :host([dir="rtl"]) #sliderContainer {
+      -webkit-transform: scaleX(-1);
+      transform: scaleX(-1);
+    }
+
+    /**
+      * NOTE(keanulee): Needed to override the :host-context rule (where supported)
+      * to support LTR sliders in RTL pages.
+      */
+    :host([dir="ltr"]) #sliderContainer {
+      -webkit-transform: scaleX(1);
+      transform: scaleX(1);
+    }
+
+    #sliderContainer {
+      position: relative;
+      width: 100%;
+      height: calc(30px + var(--calculated-cdtr-slider-height));
+    }
+
+    #sliderContainer:focus {
+      outline: 0;
+    }
+
+    #sliderContainer.editable {
+      margin-top: 12px;
+      margin-bottom: 12px;
+    }
+
+    .bar-container {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      overflow: hidden;
+    }
+
+    .ring > .bar-container {
+      left: calc(5px + var(--calculated-cdtr-slider-height)/2);
+      transition: left 0.18s ease;
+    }
+
+    .ring.expand.dragging > .bar-container {
+      transition: none;
+    }
+
+    .ring.expand:not(.pin) > .bar-container {
+      left: calc(8px + var(--calculated-cdtr-slider-height)/2);
+    }
+
+    #sliderBar {
+      padding: 15px 0;
+      width: 100%;
+      background-color: var(--cdtr-slider-bar-color, transparent);
+      --paper-progress-container-color: var(--cdtr-slider-container-color, var(--paper-grey-400));
+      --paper-progress-height: var(--calculated-cdtr-slider-height);
+    }
+
+    .slider-markers {
+      position: absolute;
+      /* slider-knob is 30px + the slider-height so that the markers should start at a offset of 15px*/
+      top: 15px;
+      height: var(--calculated-cdtr-slider-height);
+      left: 0;
+      right: -1px;
+      box-sizing: border-box;
+      pointer-events: none;
+      @apply --layout-horizontal;
+    }
+
+    .slider-marker {
+      @apply --layout-flex;
+    }
+    .slider-markers::after,
+    .slider-marker::after {
+      content: "";
+      display: block;
+      margin-left: -1px;
+      width: 2px;
+      height: var(--calculated-cdtr-slider-height);
+      border-radius: 50%;
+      background-color: var(--cdtr-slider-markers-color, #000);
+    }
+
+    .slider-knob {
+      position: absolute;
+      left: 0;
+      top: 0;
+      margin-left: calc(-15px - var(--calculated-cdtr-slider-height)/2);
+      width: calc(30px + var(--calculated-cdtr-slider-height));
+      height: calc(30px + var(--calculated-cdtr-slider-height));
+    }
+
+    .transiting > .slider-knob {
+      transition: left 0.08s ease;
+    }
+
+    .slider-knob:focus {
+      outline: none;
+    }
+
+    .slider-knob.dragging {
+      transition: none;
+    }
+
+    .snaps > .slider-knob.dragging {
+      transition: -webkit-transform 0.08s ease;
+      transition: transform 0.08s ease;
+    }
+
+    .slider-knob-inner {
+      margin: 10px;
+      width: calc(100% - 20px);
+      height: calc(100% - 20px);
+      background-color: var(--cdtr-slider-knob-color, var(--google-blue-700));
+      border: 2px solid var(--cdtr-slider-knob-color, var(--google-blue-700));
+      border-radius: 50%;
+
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+
+      transition-property: -webkit-transform, background-color, border;
+      transition-property: transform, background-color, border;
+      transition-duration: 0.18s;
+      transition-timing-function: ease;
+    }
+
+    .expand:not(.pin) > .slider-knob > .slider-knob-inner {
+      -webkit-transform: scale(1.5);
+      transform: scale(1.5);
+    }
+
+    .ring > .slider-knob > .slider-knob-inner {
+      background-color: var(--cdtr-slider-knob-start-color, transparent);
+      border: 2px solid var(--cdtr-slider-knob-start-border-color, var(--paper-grey-400));
+    }
+
+    .slider-knob-inner::before {
+      background-color: var(--cdtr-slider-pin-color, var(--google-blue-700));
+    }
+
+    .pin > .slider-knob > .slider-knob-inner::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 50%;
+      margin-left: -13px;
+      width: 26px;
+      height: 26px;
+      border-radius: 50% 50% 50% 0;
+
+      -webkit-transform: rotate(-45deg) scale(0) translate(0);
+      transform: rotate(-45deg) scale(0) translate(0);
+    }
+
+    .slider-knob-inner::before,
+    .slider-knob-inner::after {
+      transition: -webkit-transform .18s ease, background-color .18s ease;
+      transition: transform .18s ease, background-color .18s ease;
+    }
+
+    .pin.ring > .slider-knob > .slider-knob-inner::before {
+      background-color: var(--cdtr-slider-pin-start-color, var(--paper-grey-400));
+    }
+
+    .pin.expand > .slider-knob > .slider-knob-inner::before {
+      -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);
+      transform: rotate(-45deg) scale(1) translate(17px, -17px);
+    }
+
+    .pin > .slider-knob > .slider-knob-inner::after {
+      content: attr(value);
+      position: absolute;
+      top: 0;
+      left: 50%;
+      margin-left: -16px;
+      width: 32px;
+      height: 26px;
+      text-align: center;
+      color: var(--cdtr-slider-font-color, #fff);
+      font-size: 10px;
+
+      -webkit-transform: scale(0) translate(0);
+      transform: scale(0) translate(0);
+    }
+
+    .pin.expand > .slider-knob > .slider-knob-inner::after {
+      -webkit-transform: scale(1) translate(0, -17px);
+      transform: scale(1) translate(0, -17px);
+    }
+
+    /* paper-input */
+    .slider-input {
+      width: 50px;
+      overflow: hidden;
+      --paper-input-container-input: {
+        text-align: center;
+        @apply --cdtr-slider-input-container-input;
+      };
+      @apply --cdtr-slider-input;
+    }
+
+    /* disabled state */
+    #sliderContainer.disabled {
+      pointer-events: none;
+    }
+
+    .disabled > .slider-knob > .slider-knob-inner {
+      background-color: var(--cdtr-slider-disabled-knob-color, var(--paper-grey-400));
+      border: 2px solid var(--cdtr-slider-disabled-knob-color, var(--paper-grey-400));
+      -webkit-transform: scale3d(0.75, 0.75, 1);
+      transform: scale3d(0.75, 0.75, 1);
+    }
+
+    .disabled.ring > .slider-knob > .slider-knob-inner {
+      background-color: var(--cdtr-slider-knob-start-color, transparent);
+      border: 2px solid var(--cdtr-slider-knob-start-border-color, var(--paper-grey-400));
+    }
+
+    paper-ripple {
+      color: var(--cdtr-slider-knob-color, var(--google-blue-700));
+    }
+  </style>
+
+  <div id="sliderContainer" class\$="[[_getClassNames(disabled, pin, snaps, immediateValue, min, expand, dragging, transiting, editable)]]">
+    <div class="bar-container">
+      <paper-progress disabled\$="[[disabled]]" id="sliderBar" aria-hidden="true" min="[[min]]" max="[[max]]" step="[[step]]" value="[[immediateValue]]" secondary-progress="[[secondaryProgress]]" on-down="_bardown" on-up="_resetKnob" on-track="_bartrack" on-tap="_barclick">
+      </paper-progress>
+    </div>
+
+    <template is="dom-if" if="[[snaps]]">
+      <div class="slider-markers">
+        <template is="dom-repeat" items="[[markers]]">
+          <div class="slider-marker"></div>
+        </template>
+      </div>
+    </template>
+
+    <div id="sliderKnob" class="slider-knob" on-down="_knobdown" on-up="_resetKnob" on-track="_onTrack" on-transitionend="_knobTransitionEnd">
+        <div class="slider-knob-inner" value\$="[[immediateValue]]"></div>
+    </div>
+  </div>
+
+  <template is="dom-if" if="[[editable]]">
+    <paper-input id="input" type="number" step="[[step]]" min="[[min]]" max="[[max]]" class="slider-input" disabled\$="[[disabled]]" value="[[immediateValue]]" on-change="_changeValue" on-keydown="_inputKeyDown" no-label-float>
+    </paper-input>
+  </template>
+`;d.setAttribute("strip-whitespace",""),(0,o.b)({_template:d,is:"cdtr-slider",behaviors:[i.D,a.x,n.O,s.K],properties:{value:{type:Number,value:0},snaps:{type:Boolean,value:!1,notify:!0},pin:{type:Boolean,value:!1,notify:!0},secondaryProgress:{type:Number,value:0,notify:!0,observer:"_secondaryProgressChanged"},editable:{type:Boolean,value:!1},immediateValue:{type:Number,value:0,readOnly:!0,notify:!0},maxMarkers:{type:Number,value:0,notify:!0},expand:{type:Boolean,value:!1,readOnly:!0},ignoreBarTouch:{type:Boolean,value:!1},dragging:{type:Boolean,value:!1,readOnly:!0,notify:!0},transiting:{type:Boolean,value:!1,readOnly:!0},markers:{type:Array,readOnly:!0,value:function(){return[]}}},observers:["_updateKnob(value, min, max, snaps, step)","_valueChanged(value)","_immediateValueChanged(immediateValue)","_updateMarkers(maxMarkers, min, max, snaps)"],hostAttributes:{role:"slider",tabindex:0},keyBindings:{left:"_leftKey",right:"_rightKey","down pagedown home":"_decrementKey","up pageup end":"_incrementKey"},ready:function(){this.ignoreBarTouch&&(0,l.wB)(this.$.sliderBar,"auto")},increment:function(){this.value=this._clampValue(this.value+this.step)},decrement:function(){this.value=this._clampValue(this.value-this.step)},_updateKnob:function(e,t,r,i,a){this.setAttribute("aria-valuemin",t),this.setAttribute("aria-valuemax",r),this.setAttribute("aria-valuenow",e),this._positionKnob(100*this._calcRatio(e))},_valueChanged:function(){this.fire("value-change",{composed:!0})},_immediateValueChanged:function(){this.dragging?this.fire("immediate-value-change",{composed:!0}):this.value=this.immediateValue},_secondaryProgressChanged:function(){this.secondaryProgress=this._clampValue(this.secondaryProgress)},_expandKnob:function(){this._setExpand(!0)},_resetKnob:function(){this.cancelDebouncer("expandKnob"),this._setExpand(!1)},_positionKnob:function(e){this._setImmediateValue(this._calcStep(this._calcKnobPosition(e))),this._setRatio(100*this._calcRatio(this.immediateValue)),this.$.sliderKnob.style.left=this.ratio+"%",this.dragging&&(this._knobstartx=this.ratio*this._w/100,this.translate3d(0,0,0,this.$.sliderKnob))},_calcKnobPosition:function(e){return(this.max-this.min)*e/100+this.min},_onTrack:function(e){switch(e.stopPropagation(),e.detail.state){case"start":this._trackStart(e);break;case"track":this._trackX(e);break;case"end":this._trackEnd()}},_trackStart:function(e){this._setTransiting(!1),this._w=this.$.sliderBar.offsetWidth,this._x=this.ratio*this._w/100,this._startx=this._x,this._knobstartx=this._startx,this._minx=-this._startx,this._maxx=this._w-this._startx,this.$.sliderKnob.classList.add("dragging"),this._setDragging(!0)},_trackX:function(e){this.dragging||this._trackStart(e);var t=this._isRTL?-1:1,r=Math.min(this._maxx,Math.max(this._minx,e.detail.dx*t));this._x=this._startx+r;var i=this._calcStep(this._calcKnobPosition(this._x/this._w*100));this._setImmediateValue(i);var a=this._calcRatio(this.immediateValue)*this._w-this._knobstartx;this.translate3d(a+"px",0,0,this.$.sliderKnob)},_trackEnd:function(){var e=this.$.sliderKnob.style;this.$.sliderKnob.classList.remove("dragging"),this._setDragging(!1),this._resetKnob(),this.value=this.immediateValue,e.transform=e.webkitTransform="",this.fire("change",{composed:!0})},_knobdown:function(e){this._expandKnob(),e.preventDefault(),this.focus()},_bartrack:function(e){this._allowBarEvent(e)&&this._onTrack(e)},_barclick:function(e){this._w=this.$.sliderBar.offsetWidth;var t=this.$.sliderBar.getBoundingClientRect(),r=(e.detail.x-t.left)/this._w*100;this._isRTL&&(r=100-r);var i=this.ratio;this._setTransiting(!0),this._positionKnob(r),i===this.ratio&&this._setTransiting(!1),this.async(function(){this.fire("change",{composed:!0})}),e.preventDefault(),this.focus()},_bardown:function(e){this._allowBarEvent(e)&&(this.debounce("expandKnob",this._expandKnob,60),this._barclick(e))},_knobTransitionEnd:function(e){e.target===this.$.sliderKnob&&this._setTransiting(!1)},_updateMarkers:function(e,t,r,i){i||this._setMarkers([]);var a=Math.round((r-t)/this.step);a>e&&(a=e),(a<0||!isFinite(a))&&(a=0),this._setMarkers(new Array(a))},_mergeClasses:function(e){return Object.keys(e).filter(function(t){return e[t]}).join(" ")},_getClassNames:function(){return this._mergeClasses({disabled:this.disabled,pin:this.pin,snaps:this.snaps,ring:this.immediateValue<=this.min,expand:this.expand,dragging:this.dragging,transiting:this.transiting,editable:this.editable})},_allowBarEvent:function(e){return!this.ignoreBarTouch||e instanceof MouseEvent},get _isRTL(){return void 0===this.__isRTL&&(this.__isRTL="rtl"===window.getComputedStyle(this).direction),this.__isRTL},_leftKey:function(e){this._isRTL?this._incrementKey(e):this._decrementKey(e)},_rightKey:function(e){this._isRTL?this._decrementKey(e):this._incrementKey(e)},_incrementKey:function(e){this.disabled||("end"===e.detail.key?this.value=this.max:this.increment(),this.fire("change"),e.preventDefault())},_decrementKey:function(e){this.disabled||("home"===e.detail.key?this.value=this.min:this.decrement(),this.fire("change"),e.preventDefault())},_changeValue:function(e){this.value=e.target.value,this.fire("change",{composed:!0})},_inputKeyDown:function(e){e.stopPropagation()},_createRipple:function(){return this._rippleContainer=this.$.sliderKnob,n.o._createRipple.call(this)},_focusedChanged:function(e){e&&this.ensureRipple(),this.hasRipple()&&(this._ripple.style.display=e?"":"none",this._ripple.holdDown=e)}})}}]);

package/dist/4186.creaditor.bundle.js.LICENSE.txt

@@ -0,0 +1,10 @@
+/**
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/

package/dist/4288.creaditor.bundle.js

@@ -0,0 +1,98 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[4288],{64288(t,e,o){o.r(e),o.d(e,{ElementHandleBar:()=>c});var i=o(24586),s=o(59929),n=o(86319),r=o(90142);class c extends s.WF{constructor(){super(),this.show_click_message=!0,this.onRemove=this.onRemove.bind(this)}onRemove(){const t={detail:this.closest(this.target),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("remove",t))}onClone(){const t={detail:this.closest(this.target),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("clone",t))}render(){const t="20",e="20",o=n.M.get("config","editor","configure","onSaveBlock");return s.qy`<cdtr-row
+      alignItems="center"
+      justify="space-evenly"
+      class="wrapper"
+    >
+      <cdtr-tooltip content="drag_section">
+        <div class="block-handle--sortable button">
+          <!-- TODO: if ok move the svg to component -->
+          <svg
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M11 10.5V5.828L9.17196 7.657L7.75696 6.243L12 2L16.243 6.243L14.828 7.657L13 5.828V13V18.172L14.828 16.343L16.243 17.757L12 22L7.75696 17.757L9.17196 16.343L11 18.172V13V10.5Z"
+              fill="black"
+            />
+            <rect
+              x="3.5"
+              y="10.5"
+              width="17"
+              height="3"
+              fill="white"
+              stroke="black"
+            />
+          </svg>
+        </div>
+      </cdtr-tooltip>
+      <div class="button">
+        <cdtr-tooltip content="duplicate_block">
+          <cdtr-dupicate-icon
+            width=${t}
+            height=${e}
+            @mouseup=${this.onClone}
+          ></cdtr-dupicate-icon>
+        </cdtr-tooltip>
+      </div>
+      ${o&&s.qy` <div class="button" @mouseup=${r.A}>
+        <cdtr-tooltip content="save_block">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="#000"
+            width=${t}
+            height=${e}
+          >
+            <path
+              d="M7 19V13H17V19H19V7.82843L16.1716 5H5V19H7ZM4 3H17L21 7V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM9 15V19H15V15H9Z"
+            ></path>
+          </svg>
+        </cdtr-tooltip>
+      </div>`}
+      <div class="button" @mouseup=${this.onRemove}>
+        <cdtr-tooltip content="remove_block">
+          <cdtr-remove-icon width=${t} height=${e}></cdtr-remove-icon>
+        </cdtr-tooltip>
+      </div>
+    </cdtr-row>`}}(0,i.A)(c,"properties",{target:{type:String},show_click_message:{type:Boolean}}),(0,i.A)(c,"styles",s.AH`
+    :host {
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: 25px;
+      background: transparent;
+      z-index: 101;
+      display: flex;
+      align-items: center;
+      width: 40%;
+      transform: translateY(-100%);
+    }
+    .wrapper {
+      position: absolute;
+      right: 0;
+      padding: 5px;
+      height: 100%;
+      width: auto;
+      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
+      transform: translateY(-30%);
+      background: #fff;
+      border-radius: 0.2rem;
+    }
+    .button {
+      padding: 1px 7px;
+      min-width: auto;
+    }
+
+    cdtr-tooltip {
+      display: block;
+    }
+    .drag_block {
+      cursor: grab;
+    }
+    .drag_block:active {
+      cursor: grabbing !important;
+    }
+  `),customElements.define("cdtr-element-handle-bar",c)}}]);