@sapphire-ion/framework 0.30.20 → 1.0.2

package/themes/components/inputs/inputs.scss

@@ -1,67 +1,121 @@
-$ion-border-base     : color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%);
-$ion-border-contrast : var(--ion-color-medium);
-$ion-border-invalid  : color-mix(in srgb, var(--ion-color-danger) 75%, transparent 25%);
+@mixin property($variable: variable, $syntax: "<color>", $inherits: true, $initial-value: #FF){
+  @property --#{$variable} {
+    syntax: $syntax;
+    initial-value: $initial-value;
+    inherits: $inherits;
+  }
+}
+
+@include property(
+  $variable: input-color, 
+  $syntax: "<color>", 
+  $inherits: false, 
+  $initial-value: transparent
+);
 
-$input-height: 58px;
 
-.on-hover{
-  background: color-mix(in srgb, var(--ion-color-light) 97%, transparent 3%);
+.input-container{
+  // --border: 1px solid color-mix(in srgb, var(--input-color) 66%, transparent);
+  // border-left: var(--border);
+  // border-right: var(--border);
+  // border-bottom: var(--border);
+  // background-color: color-mix(in srgb, var(--ion-color-dark) 3%, transparent);
+  //radial-gradient(ellipse at -20px top, hsl(from white h s l / 0.05), hsl(from white h s l / 0)), hsl(from var(--input-color-bg-light) h s l / .8)
+  @apply px-3 rounded-xl py-1 relative cursor-text scale-100 shadow-md;
   &:hover{
-    @apply transition-all ease-in-out duration-300;
-    background: color-mix(in srgb, var(--ion-color-dark) 15%, transparent 93%);
+    @apply brightness-90;
   }
-}
+  transition: 
+    --input-color .2s ease-in-out,
+    box-shadow .2s ease-in-out, 
+    opacity .2s ease-in-out,
+    filter .2s ease-in-out;
 
-ion-card.ion-card-input{
-  @apply rounded-2xl w-full h-full flex justify-center items-center transition-all ease-in-out duration-300 m-0 overflow-hidden shadow-none;
-  background: color-mix(in srgb, var(--ion-color-light) 97%, transparent 3%);
-  &:hover{
-      background: color-mix(in srgb, var(--ion-color-dark) 15%, transparent 93%);
+
+  --color: var(--ion-color-dark);
+  --input-color: var(--input-background, var(--ion-color-step-250));
+  --shadow: 0 3px 4px -1px rgb(0 0 0 / 0.1);
+  --inset-shadow: var(--input-color) 0px 1.75px 1px 0px inset;
+  --focused-shadow: 0 0 1px 2px color-mix(in srgb, var(--ion-color-medium) 35%, transparent);
+
+  box-shadow: var(--inset-shadow), var(--shadow);
+  will-change: box-shadow, filter opacity;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  background: radial-gradient(ellipse at 0px top, 
+    hsl(from var(--input-color) h s l / 0.5), 
+    hsl(from var(--input-color) h s l / 0.4)), 
+    hsl(from var(--ion-color-light)  h s l / 0.8);
+
+  &:focus-within, &:focus, &.manual-focus{
+    box-shadow: var(--inset-shadow), var(--shadow), var(--focused-shadow);
+    @apply brightness-90;
+  }
+  .input-label{
+    pointer-events: none;
+    @apply text-[--color] text-xs flex items-center justify-start gap-1 w-full max-w-full truncate min-w-0 h-4;
+  }
+  input, textarea{
+    @apply outline-none text-sm rounded-md bg-transparent w-full text-[--ion-color-dark] h-6;
+  }
+  &.loading{
+    cursor: wait !important;
+  }
+
+  &.required .input-label::after{
+    content: "*";
+    color: var(--ion-color-danger);
+    vertical-align: bottom;
   }
-  border-bottom-color: $ion-border-contrast;
-  border-right-color : $ion-border-base;
-  border-top-color   : $ion-border-base;
-  border-left-color  : $ion-border-base;
-  
-  border-width: 1px 1px 2px 1px;
   &.submitted.invalid{
-    border-color: $ion-border-invalid !important;
+    --input-color: color-mix(in srgb, var(--ion-color-danger) 50%, transparent);
   }
   &.disabled{
-    background-color: color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%) !important; 
+    @apply cursor-not-allowed opacity-50 brightness-100;
+    * {
+      @apply pointer-events-none;
+    }
   }
-  ion-card-content{ @apply size-full bg-transparent p-0; }
-
-  min-height: $input-height;
-  max-height: $input-height;
-  height: $input-height;
-}
-ion-item{
-  --background: transparent;
 }
 
-ion-text#label{
-  &.required{
-      &::after {
-          content: "*";
-          color: var(--ion-color-danger);
-          vertical-align: text-bottom;
-          font-size: small;
-      }
+.loading-container{
+  position: absolute;
+  pointer-events: none;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  padding-right: .5rem;
+
+  will-change: opacity;
+  transition:  opacity .2s ease-in-out;
+  overflow: hidden;
+
+  ion-spinner{
+    will-change: transform;
+    transition:  transform .2s ease-in-out;
+    transform: translateY(-100%);
   }
-  &:not(.required)::after{ 
-      content: var(--input-opcional-label, "(Opcional)");
-      color: var(--ion-color-medium);
-      vertical-align: text-bottom;
-      font-size: small;
+  opacity: 0;
+  z-index: 10;
+  
+  &.loading{
+    ion-spinner{
+      transform: translateY(0);
+    }
+    opacity: 1;
   }
 }
 
-.on-focus{
-  border-bottom-color: var(--ion-color-primary);
-}
-.focus-within\:on-focus{
-  &:focus-within{
-    border-bottom-color: var(--ion-color-primary);
+ion-modal{
+  &::part(content){
+    @apply rounded-xl;
+    border: 1px solid var(--ion-color-step-250);
   }
 }

package/themes/components/inputs_old/inputs.scss

@@ -0,0 +1,67 @@
+$ion-border-base     : color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%);
+$ion-border-contrast : var(--ion-color-medium);
+$ion-border-invalid  : color-mix(in srgb, var(--ion-color-danger) 75%, transparent 25%);
+
+$input-height: 58px;
+
+.on-hover{
+  background: color-mix(in srgb, var(--ion-color-light) 97%, transparent 3%);
+  &:hover{
+    @apply transition-all ease-in-out duration-300;
+    background: color-mix(in srgb, var(--ion-color-dark) 15%, transparent 93%);
+  }
+}
+
+ion-card.ion-card-input{
+  @apply rounded-2xl w-full h-full flex justify-center items-center transition-all ease-in-out duration-300 m-0 overflow-hidden shadow-none;
+  background: color-mix(in srgb, var(--ion-color-light) 97%, transparent 3%);
+  &:hover{
+      background: color-mix(in srgb, var(--ion-color-dark) 15%, transparent 93%);
+  }
+  border-bottom-color: $ion-border-contrast;
+  border-right-color : $ion-border-base;
+  border-top-color   : $ion-border-base;
+  border-left-color  : $ion-border-base;
+  
+  border-width: 1px 1px 2px 1px;
+  &.submitted.invalid{
+    border-color: $ion-border-invalid !important;
+  }
+  &.disabled{
+    background-color: color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%) !important; 
+  }
+  ion-card-content{ @apply size-full bg-transparent p-0; }
+
+  min-height: $input-height;
+  max-height: $input-height;
+  height: $input-height;
+}
+ion-item{
+  --background: transparent;
+}
+
+ion-text#label{
+  &.required{
+      &::after {
+          content: "*";
+          color: var(--ion-color-danger);
+          vertical-align: text-bottom;
+          font-size: small;
+      }
+  }
+  &:not(.required)::after{ 
+      content: var(--input-opcional-label, "(Opcional)");
+      color: var(--ion-color-medium);
+      vertical-align: text-bottom;
+      font-size: small;
+  }
+}
+
+.on-focus{
+  border-bottom-color: var(--ion-color-primary);
+}
+.focus-within\:on-focus{
+  &:focus-within{
+    border-bottom-color: var(--ion-color-primary);
+  }
+}

package/themes/components/popover/sion-popover/sion-popover.component.scss

@@ -0,0 +1,46 @@
+.popover-wrapper {
+  @apply absolute z-50 rounded-xl;
+  width: max-content;
+  position: absolute;
+  will-change: left, top, bottom, right, transform, opacity, filter;
+  transition: opacity, transform, filter 0.2s ease-in-out;
+  display: none;
+}
+.popover-arrow{
+  @apply rounded-sm;
+  position: absolute;
+  transform: scale(1) rotate(var(--rotation)) !important;	
+  clip-path: var(--clip-path-triangle, polygon(0% 0%,0% 100%,100% 100%));
+}
+.visible-anim {
+  animation: visible 0.2s ease-in-out forwards;
+}
+.invisible-anim {
+  pointer-events: none;
+  animation: invisible 0.2s ease-in-out forwards;
+  opacity: 0;
+}
+@keyframes visible {
+  from { 
+    opacity: 0 !important;
+    filter: grayscale(0.9);
+    transform: scale(0.95);
+  } 
+  to { 
+    opacity: 1 !important;
+    filter: grayscale(0);
+    transform: scale(1);
+  }
+}
+@keyframes invisible {
+  from { 
+    opacity: 1;
+    filter: grayscale(0);
+    transform: scale(1);
+  }
+  to { 
+    opacity: 0 !important;
+    filter: grayscale(0.9); 
+    transform: scale(0.95);
+  }
+}

package/themes/styles/components.scss

@@ -49,4 +49,38 @@ image{
 
 tabs{
 	@apply block;
+}
+
+input-bool, 
+input-date,
+input-datetime,
+input-time,
+input-decimal,
+input-number,
+input-currency,
+input-percentage,
+input-file,
+input-select,  
+// input-color,
+input-string,
+input-textarea {
+  display: block;
+	@apply box-border;
+}
+
+app-input-bool, 
+app-input-date,
+app-input-datetime,
+app-input-time,
+app-input-decimal,
+app-input-number,
+app-input-currency,
+app-input-percentage,
+app-input-file,
+app-input-select,  
+// input-color,
+input-string,
+input-textarea {
+	@apply box-border;
+	display: block;
 }

package/themes/styles/ionic/ion-datetime.scss

@@ -1,6 +1,7 @@
 ion-datetime{
-  border: 1px solid $translucid-border-color;
+
+  // border: 1px solid $translucid-border-color;
   @apply rounded-2xl;
-  --wheel-fade-background-rgb: transparent;
   //--ion-color-step-300: var(--ion-color-step-150);
+  // --wheel-fade-background-rgb: transparent;
 }

package/esm2022/lib/components/inputs/custom-signal-input.mjs

@@ -1,74 +0,0 @@
-import { Component, Input, effect, model, output } from "@angular/core";
-import { AbstractControl, Validators } from "@angular/forms";
-import { InputProviderFactory } from "./input-provider-factory";
-import * as i0 from "@angular/core";
-export class CustomSignalInput {
-    writeValue(obj) { console.error("[ Component writeValue isnt implemented ]"); }
-    get model() { return this._model; }
-    set model(value) { this._model = value; }
-    constructor() {
-        //[ Basic ]
-        /** Exibe o spinner de carregamento */
-        this.loading = false;
-        /** Se ativo desabilita o Input */
-        this.disabled = false;
-        /** Indica se o formulário foi enviado */
-        this.submitted = false;
-        /** Titulo do Input */
-        this.label = "Label";
-        /** Torna o input obrigatorio */
-        this.required = model(false);
-        //[ Value ]
-        this._model = null;
-        this.invalid = false;
-        //[ ControlValueAccessor ]
-        /** Acionado quando um elemento perde o foco. */
-        this.blur = output();
-        /** Emitido quando o valor é alterado. */
-        this.change = output();
-        this.onChange = (v) => { return; };
-        this.onTouch = (v) => { return; };
-        effect(() => {
-            if (this.control) {
-                this.invalid = this.control.invalid;
-            }
-        });
-    }
-    ngOnInit() {
-        if (!this.control && this.controlContainer && this.formControlName) {
-            this.control = this.controlContainer.control.get(this.formControlName);
-        }
-        if (this.control) {
-            this.required.set(this.control.hasValidator(Validators.required));
-            this.invalid = this.control.invalid;
-            this.control.events.subscribe({ next: (event) => { this.RunValidation(); } });
-        }
-    }
-    RunValidation() {
-        this.required.set(this.control.hasValidator(Validators.required));
-        this.invalid = this.control.invalid;
-    }
-    propagateChange(obj) { this.onChange(obj); this.change.emit(obj); ; }
-    registerOnChange(fn) { this.onChange = fn; }
-    registerOnTouched(fn) { this.onTouch = fn; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomSignalInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CustomSignalInput, selector: "ng-component", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, submitted: { classPropertyName: "submitted", publicName: "submitted", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, formControlName: { classPropertyName: "formControlName", publicName: "formControlName", isSignal: false, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "formControl", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { required: "requiredChange", blur: "blur", change: "change" }, providers: InputProviderFactory.GetProvider(CustomSignalInput), ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomSignalInput, decorators: [{
-            type: Component,
-            args: [{ template: '', providers: InputProviderFactory.GetProvider(CustomSignalInput) }]
-        }], ctorParameters: () => [], propDecorators: { loading: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], submitted: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], formControlName: [{
-                type: Input
-            }], control: [{
-                type: Input,
-                args: ['formControl']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXNpZ25hbC1pbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dHMvY3VzdG9tLXNpZ25hbC1pbnB1dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBNEMsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUgsT0FBTyxFQUFFLGVBQWUsRUFBMEMsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBR2hFLE1BQU0sT0FBZ0IsaUJBQWlCO0lBYXJDLFVBQVUsQ0FBQyxHQUFNLElBQVUsT0FBTyxDQUFDLEtBQUssQ0FBQywyQ0FBMkMsQ0FBQyxDQUFBLENBQUMsQ0FBQztJQUl2RixJQUFJLEtBQUssS0FBbUIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUUsQ0FBQztJQUNsRCxJQUFJLEtBQUssQ0FBQyxLQUFjLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBU2xEO1FBMUJBLFdBQVc7UUFDWCxzQ0FBc0M7UUFDN0IsWUFBTyxHQUFjLEtBQUssQ0FBQztRQUNwQyxrQ0FBa0M7UUFDekIsYUFBUSxHQUFhLEtBQUssQ0FBQztRQUNsQyx5Q0FBeUM7UUFDbEMsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUNwQyxzQkFBc0I7UUFDYixVQUFLLEdBQWdCLE9BQU8sQ0FBQztRQUN0QyxnQ0FBZ0M7UUFDaEMsYUFBUSxHQUE0QixLQUFLLENBQVUsS0FBSyxDQUFDLENBQUE7UUFJekQsV0FBVztRQUNELFdBQU0sR0FBYSxJQUFJLENBQUM7UUFtQ2xDLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFaEIsMEJBQTBCO1FBQzFCLGdEQUFnRDtRQUNoRCxTQUFJLEdBQTBCLE1BQU0sRUFBSyxDQUFDO1FBQzFDLHlDQUF5QztRQUN6QyxXQUFNLEdBQXdCLE1BQU0sRUFBSyxDQUFDO1FBRzFDLGFBQVEsR0FBeUIsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUE7UUFDeEQsWUFBTyxHQUEwQixDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQTtRQWpDdEQsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUcsSUFBSSxDQUFDLE9BQU8sRUFBQyxDQUFDO2dCQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFBQyxDQUFDO1FBQzFELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBQyxDQUFDO1lBQ2pFLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3pFLENBQUM7UUFFRCxJQUFHLElBQUksQ0FBQyxPQUFPLEVBQUMsQ0FBQztZQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQ2xFLElBQUksQ0FBQyxPQUFPLEdBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFFckMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2hGLENBQUM7SUFDSCxDQUFDO0lBRU8sYUFBYTtRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDO0lBQ3RDLENBQUM7SUFTRCxlQUFlLENBQUMsR0FBTSxJQUFTLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFBLENBQUMsQ0FBQyxDQUFDO0lBSTVFLGdCQUFnQixDQUFFLEVBQXdCLElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUEsQ0FBQyxDQUFDO0lBQ2xFLGlCQUFpQixDQUFDLEVBQXdCLElBQUksSUFBSSxDQUFDLE9BQU8sR0FBSSxFQUFFLENBQUEsQ0FBQyxDQUFDOytHQS9EOUMsaUJBQWlCO21HQUFqQixpQkFBaUIsc2hDQURELG9CQUFvQixDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQywwQkFBbEUsRUFBRTs7NEZBQ0gsaUJBQWlCO2tCQUR0QyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsb0JBQW9CLENBQUMsV0FBVyxtQkFBbUIsRUFBRTt3REFJaEYsT0FBTztzQkFBZixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBWUksZUFBZTtzQkFBeEIsS0FBSztnQkFHSSxPQUFPO3NCQURoQixLQUFLO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIE91dHB1dEVtaXR0ZXJSZWYsIFdyaXRhYmxlU2lnbmFsLCBlZmZlY3QsIG1vZGVsLCBvdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIENvbnRyb2xDb250YWluZXIsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBWYWxpZGF0b3JzIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7IElucHV0UHJvdmlkZXJGYWN0b3J5IH0gZnJvbSBcIi4vaW5wdXQtcHJvdmlkZXItZmFjdG9yeVwiO1xyXG5cclxuQENvbXBvbmVudCh7IHRlbXBsYXRlOiAnJywgcHJvdmlkZXJzOiBJbnB1dFByb3ZpZGVyRmFjdG9yeS5HZXRQcm92aWRlcihDdXN0b21TaWduYWxJbnB1dCkgfSlcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEN1c3RvbVNpZ25hbElucHV0PFQ+IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uSW5pdHtcclxuICAvL1sgQmFzaWMgXVxyXG4gIC8qKiBFeGliZSBvIHNwaW5uZXIgZGUgY2FycmVnYW1lbnRvICovXHJcbiAgQElucHV0KCkgbG9hZGluZyAgOiBib29sZWFuID0gZmFsc2U7XHJcbiAgLyoqIFNlIGF0aXZvIGRlc2FiaWxpdGEgbyBJbnB1dCAqL1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkIDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgLyoqIEluZGljYSBzZSBvIGZvcm11bMOhcmlvIGZvaSBlbnZpYWRvICovXHJcbiAgQElucHV0KCkgc3VibWl0dGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgLyoqIFRpdHVsbyBkbyBJbnB1dCAqL1xyXG4gIEBJbnB1dCgpIGxhYmVsICAgIDogc3RyaW5nICA9IFwiTGFiZWxcIjtcclxuICAvKiogVG9ybmEgbyBpbnB1dCBvYnJpZ2F0b3JpbyAqL1xyXG4gIHJlcXVpcmVkOiBXcml0YWJsZVNpZ25hbDxib29sZWFuPiA9IG1vZGVsPGJvb2xlYW4+KGZhbHNlKVxyXG4gIFxyXG4gIHdyaXRlVmFsdWUob2JqOiBUKTogdm9pZCB7IGNvbnNvbGUuZXJyb3IoXCJbIENvbXBvbmVudCB3cml0ZVZhbHVlIGlzbnQgaW1wbGVtZW50ZWQgXVwiKSB9XHJcbiAgXHJcbiAgLy9bIFZhbHVlIF1cclxuICBwcm90ZWN0ZWQgX21vZGVsOiBUIHwgbnVsbCA9IG51bGw7XHJcbiAgZ2V0IG1vZGVsKCk6IFQgfCBhbnkgICAgICB7IHJldHVybiB0aGlzLl9tb2RlbDsgIH1cclxuICBzZXQgbW9kZWwodmFsdWU6IFQgfCBhbnkpIHsgdGhpcy5fbW9kZWwgPSB2YWx1ZTsgfVxyXG5cclxuICAvL1sgSGFuZGxlIEZvcm0gLyBOZ01vZGVsIF1cclxuICBASW5wdXQoKSAgZm9ybUNvbnRyb2xOYW1lIDogc3RyaW5nO1xyXG4gIHB1YmxpYyAgICBjb250cm9sQ29udGFpbmVyOiBDb250cm9sQ29udGFpbmVyO1xyXG4gIEBJbnB1dCgnZm9ybUNvbnRyb2wnKSBcclxuICBwdWJsaWMgICAgY29udHJvbCAgICA6IEFic3RyYWN0Q29udHJvbDtcclxuICBwcm90ZWN0ZWQgZWxlbWVudFJlZiA6IEVsZW1lbnRSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgICBlZmZlY3QoKCkgPT4geyBcclxuICAgICAgaWYodGhpcy5jb250cm9sKXsgdGhpcy5pbnZhbGlkID0gdGhpcy5jb250cm9sLmludmFsaWQ7IH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKXtcclxuICAgIGlmKCF0aGlzLmNvbnRyb2wgJiYgdGhpcy5jb250cm9sQ29udGFpbmVyICYmIHRoaXMuZm9ybUNvbnRyb2xOYW1lKXsgXHJcbiAgICAgIHRoaXMuY29udHJvbCA9IHRoaXMuY29udHJvbENvbnRhaW5lci5jb250cm9sLmdldCh0aGlzLmZvcm1Db250cm9sTmFtZSk7IFxyXG4gICAgfVxyXG4gICAgXHJcbiAgICBpZih0aGlzLmNvbnRyb2wpeyBcclxuICAgICAgdGhpcy5yZXF1aXJlZC5zZXQodGhpcy5jb250cm9sLmhhc1ZhbGlkYXRvcihWYWxpZGF0b3JzLnJlcXVpcmVkKSk7ICBcclxuICAgICAgdGhpcy5pbnZhbGlkICA9IHRoaXMuY29udHJvbC5pbnZhbGlkO1xyXG5cclxuICAgICAgdGhpcy5jb250cm9sLmV2ZW50cy5zdWJzY3JpYmUoeyBuZXh0OiAoZXZlbnQpID0+IHsgdGhpcy5SdW5WYWxpZGF0aW9uKCk7IH0gfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIFJ1blZhbGlkYXRpb24oKTogdm9pZHtcclxuICAgIHRoaXMucmVxdWlyZWQuc2V0KHRoaXMuY29udHJvbC5oYXNWYWxpZGF0b3IoVmFsaWRhdG9ycy5yZXF1aXJlZCkpOyBcclxuICAgIHRoaXMuaW52YWxpZCA9IHRoaXMuY29udHJvbC5pbnZhbGlkO1xyXG4gIH1cclxuICBcclxuICBpbnZhbGlkID0gZmFsc2U7XHJcblxyXG4gIC8vWyBDb250cm9sVmFsdWVBY2Nlc3NvciBdXHJcbiAgLyoqIEFjaW9uYWRvIHF1YW5kbyB1bSBlbGVtZW50byBwZXJkZSBvIGZvY28uICovXHJcbiAgYmx1ciAgOiBPdXRwdXRFbWl0dGVyUmVmPFQ+ID0gb3V0cHV0PFQ+KCk7XHJcbiAgLyoqIEVtaXRpZG8gcXVhbmRvIG8gdmFsb3Igw6kgYWx0ZXJhZG8uICovXHJcbiAgY2hhbmdlOiBPdXRwdXRFbWl0dGVyUmVmPFQ+ID0gb3V0cHV0PFQ+KCk7XHJcbiAgcHJvcGFnYXRlQ2hhbmdlKG9iajogVCk6IHZvaWR7IHRoaXMub25DaGFuZ2Uob2JqKTsgdGhpcy5jaGFuZ2UuZW1pdChvYmopOzsgfVxyXG5cclxuICBvbkNoYW5nZTogKHZhbHVlOiBhbnkpID0+IHZvaWQgPSAodjogYW55KSA9PiB7IHJldHVybjsgfVxyXG4gIG9uVG91Y2ggOiAodmFsdWU6IGFueSkgPT4gdm9pZCA9ICh2OiBhbnkpID0+IHsgcmV0dXJuOyB9XHJcbiAgcmVnaXN0ZXJPbkNoYW5nZSAoZm46ICh2YWx1ZTogYW55KSA9PiB2b2lkICl7IHRoaXMub25DaGFuZ2UgPSBmbiB9XHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICh2YWx1ZTogYW55KSA9PiB2b2lkICl7IHRoaXMub25Ub3VjaCAgPSBmbiB9XHJcbn1cclxuIl19