@masterkeymaterial/ui 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3272,8 +3272,7 @@ const R = {
|
|
|
3272
3272
|
'x-lg': { box: '0 0 16 16', paths: ['M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'] },
|
|
3273
3273
|
// ── Check ──────────────────────────────────────────────────────────────
|
|
3274
3274
|
'check': { box: '0 0 16 16', paths: ['M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'] },
|
|
3275
|
-
'check2-
|
|
3276
|
-
'check2-square': { box: '0 0 16 16', paths: ['M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5zm9.354-10.354a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L5 10.793l6.646-6.647a.5.5 0 0 1 .708 0'] },
|
|
3275
|
+
'check2-square': { box: '0 0 16 16', paths: ['M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5z', 'm8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0'] },
|
|
3277
3276
|
'square': { box: '0 0 16 16', paths: ['M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'] },
|
|
3278
3277
|
'check-double': { box: '0 0 16 16', paths: ['M8.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L2.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093L8.95 4.992zm-.92 5.14.92.92a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 1 0-1.091-1.028L9.477 9.417l-.485-.486z'] },
|
|
3279
3278
|
'circle': { box: '0 0 16 16', paths: ['M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'] },
|
|
@@ -3294,7 +3293,7 @@ const R = {
|
|
|
3294
3293
|
// ── Files ──────────────────────────────────────────────────────────────
|
|
3295
3294
|
'file-earmark': { box: '0 0 16 16', paths: ['M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1L14 5.5zM4 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1z'] },
|
|
3296
3295
|
'file-earmark-fill': { box: '0 0 16 16', paths: ['M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m5.5 1.5v2a1 1 0 0 0 1 1h2z'] },
|
|
3297
|
-
'
|
|
3296
|
+
'asterisk': { box: '0 0 16 16', paths: ['M8 0a1 1 0 0 1 1 1v5.268l4.562-2.634a1 1 0 1 1 1 1.732L10 8l4.562 2.634a1 1 0 1 1-1 1.732L9 9.732V15a1 1 0 1 1-2 0V9.732l-4.562 2.634a1 1 0 1 1-1-1.732L6 8 1.438 5.366a1 1 0 0 1 1-1.732L7 6.268V1a1 1 0 0 1 1-1'] },
|
|
3298
3297
|
// ── Cloud / upload ─────────────────────────────────────────────────────
|
|
3299
3298
|
'cloud-upload': { box: '0 0 16 16', paths: ['M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383', 'M7.646 4.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V14.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708z'] },
|
|
3300
3299
|
// ── Database ───────────────────────────────────────────────────────────
|
|
@@ -3304,13 +3303,12 @@ const R = {
|
|
|
3304
3303
|
'eye-slash': { box: '0 0 16 16', paths: ['M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z', 'M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829', 'M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z'] },
|
|
3305
3304
|
// ── Person / user ──────────────────────────────────────────────────────
|
|
3306
3305
|
'person-lock': { box: '0 0 16 16', paths: ['M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0 5.996V14H3s-1 0-1-1 1-4 6-4c.564 0 1.077.038 1.544.107a4.5 4.5 0 0 0-.803.918A11 11 0 0 0 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664zM9 13a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1'] },
|
|
3307
|
-
'
|
|
3308
|
-
'handshake-slash': { box: '0 0 16 16', paths: ['M6.964 4.162A2.057 2.057 0 0 0 5.986 4H4V1.5a.5.5 0 0 0-.5-.5h-1A1.5 1.5 0 0 0 1 2.5v4A1.5 1.5 0 0 0 2.5 8H3v1.338c-.396.101-.727.32-.957.605L.854.146.146.854l15 15 .708-.708-3.28-3.28.022-.044 1.394-2.787a1 1 0 0 0-1.79-.894L10.784 11H9.5v-.5a1.5 1.5 0 0 0-1.5-1.5H7.5V7.88A11.94 11.94 0 0 0 8.687.94L8 1.5H6.964v2.662z', 'M4 7V4.5H3V7h1zm8-5.5h-1A1.5 1.5 0 0 0 9.5 3v4H9V3.88a11.94 11.94 0 0 1 1.687 7.78L5.5 6.539V7.5a1.5 1.5 0 0 0 1.5 1.5H8v.5a1.5 1.5 0 0 0 1.5 1.5H10v2a1.5 1.5 0 0 0 1.5 1.5h2A1.5 1.5 0 0 0 15 13.5v-10A1.5 1.5 0 0 0 13.5 2z'] },
|
|
3306
|
+
'hand-index-fill': { box: '0 0 16 16', paths: ['M8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5 5 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.6 2.6 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046z'] },
|
|
3309
3307
|
// ── Clock ──────────────────────────────────────────────────────────────
|
|
3310
3308
|
'clock': { box: '0 0 16 16', paths: ['M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z', 'M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0'] },
|
|
3311
3309
|
'clock-rotate': { box: '0 0 16 16', paths: ['M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z', 'M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'] },
|
|
3312
3310
|
// ── Actions ────────────────────────────────────────────────────────────
|
|
3313
|
-
'copy': { box: '0 0 16 16', paths: ['M4
|
|
3311
|
+
'copy': { box: '0 0 16 16', fillRule: 'evenodd', paths: ['M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z'] },
|
|
3314
3312
|
'eraser': { box: '0 0 16 16', paths: ['M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828zm2.121.707a1 1 0 0 0-1.414 0L4.16 7.547l5.293 5.293 4.633-4.633a1 1 0 0 0 0-1.414zM8.746 13.547 3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293z'] },
|
|
3315
3313
|
'trash': { box: '0 0 16 16', paths: ['M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z', 'M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'] },
|
|
3316
3314
|
'plus-circle': { box: '0 0 16 16', paths: ['M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16', 'M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'] },
|
|
@@ -3331,9 +3329,8 @@ const R = {
|
|
|
3331
3329
|
'object-group': { box: '0 0 16 16', paths: ['M7.25 0a.75.75 0 0 0 0 1.5h.5V3H3A2 2 0 0 0 1 5v.5H.25a.75.75 0 0 0 0 1.5H1v3H.25a.75.75 0 0 0 0 1.5H1V12a2 2 0 0 0 2 2h4.75v.5a.75.75 0 0 0 1.5 0V14H13a2 2 0 0 0 2-2v-.5h.75a.75.75 0 0 0 0-1.5H15V7h.75a.75.75 0 0 0 0-1.5H15V5a2 2 0 0 0-2-2H8.75V1.5h.5a.75.75 0 0 0 0-1.5zM2.5 5A.5.5 0 0 1 3 4.5h10a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5z'] },
|
|
3332
3330
|
'object-ungroup': { box: '0 0 16 16', paths: ['M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2zm5 10v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2v5a2 2 0 0 1-2 2zM1 2v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1'] },
|
|
3333
3331
|
// ── Form / UI checks ───────────────────────────────────────────────────
|
|
3334
|
-
'ui-checks': { box: '0 0 16 16', paths: ['M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.
|
|
3335
|
-
'
|
|
3336
|
-
'border': { box: '0 0 16 16', paths: ['M0 0h.969v.5H1v.469H.969V1H.5V.969H0zm2.844 1h1.875V0H2.844zm3.75 0h1.875V0H6.594zm3.75 0h1.875V0h-1.875zM15.5 1h-.469V.969H15V.5h-.031V0H15.5zM1 2.844v1.875H0V2.844zm14.5 0v1.875H15V2.844zM1 6.594v1.875H0V6.594zm14.5 0v1.875H15V6.594zM1 10.344v1.875H0v-1.875zm14.5 0v1.875H15v-1.875zM0 15.5v-.469h.031V15h.469v.031H1V15.5zm2.844 0v-1H4.72V15.5zm3.75 0v-1h1.875v1zm3.75 0v-1h1.875v1zM15.5 15.5H15v-.031H14.5V15h.469v-.469H15.5z', 'M14 2a1 1 0 0 1 1 1v2h-1V3H3v10h10v-2h1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z'] },
|
|
3332
|
+
'ui-checks': { box: '0 0 16 16', paths: ['M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zM2 1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 8a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm.854-3.646a.5.5 0 0 1-.708 0l-1-1a.5.5 0 1 1 .708-.708l.646.647 1.646-1.647a.5.5 0 1 1 .708.708zm0 8a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .708-.708l.646.647 1.646-1.647a.5.5 0 0 1 .708.708zM7 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'] },
|
|
3333
|
+
'border-outer': { box: '0 0 16 16', paths: ['M7.5 1.906v.938h1v-.938zm0 1.875v.938h1V3.78h-1zm0 1.875v.938h1v-.938zM1.906 8.5h.938v-1h-.938zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5zm.937 0h.938v-1h-.938zm1.875 0h.938v-1h-.938zm1.875 0h.938v-1h-.938zM7.5 9.406v.938h1v-.938zm0 1.875v.938h1v-.938zm0 1.875v.938h1v-.938z', 'M0 0v16h16V0zm1 1h14v14H1z'] },
|
|
3337
3334
|
// ── Microscope / inspect ───────────────────────────────────────────────
|
|
3338
3335
|
'microscope': { box: '0 0 16 16', paths: ['M8.5 11.956c2.474-.252 4.437-2.333 4.492-4.862a5.5 5.5 0 0 0-4.492 4.862M6 6.402V3.5A2.5 2.5 0 0 1 8.5 1h1a.5.5 0 0 1 0 1h-1A1.5 1.5 0 0 0 7 3.5v2.902A5.5 5.5 0 0 0 2.5 11h.5a.5.5 0 0 0 0 1H2.05a5.5 5.5 0 0 0 5.45 3h1a5.5 5.5 0 0 0 5.45-3H13.5a.5.5 0 0 0 0-1h-.5a5.5 5.5 0 0 0-5-5.491V6.5a.5.5 0 0 1-1 0v-.098zm1 1.094A4.5 4.5 0 0 1 11.5 11 4.5 4.5 0 0 1 7 7.5v-.004zm-1.5 4.5A4.5 4.5 0 0 1 3 7.5H2.5a5 5 0 1 0 10 0H12A4.5 4.5 0 0 1 7.5 12V12z'] },
|
|
3339
3336
|
// ── Editor formatting ──────────────────────────────────────────────────
|
|
@@ -4638,7 +4635,7 @@ class UiCard {
|
|
|
4638
4635
|
...(ngDevMode ? [undefined, { debugName: "tema" }] : /* istanbul ignore next */ []));
|
|
4639
4636
|
clicked = output();
|
|
4640
4637
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4641
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: UiCard, isStandalone: true, selector: "ui-card", inputs: { elevacao: { classPropertyName: "elevacao", publicName: "elevacao", isSignal: true, isRequired: false, transformFunction: null }, clicavel: { classPropertyName: "clicavel", publicName: "clicavel", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "attr.data-elevacao": "elevacao()", "attr.data-tema": "tema() || null", "class.clicavel": "clicavel()" } }, ngImport: i0, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 15px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"])
|
|
4638
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: UiCard, isStandalone: true, selector: "ui-card", inputs: { elevacao: { classPropertyName: "elevacao", publicName: "elevacao", isSignal: true, isRequired: false, transformFunction: null }, clicavel: { classPropertyName: "clicavel", publicName: "clicavel", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "attr.data-elevacao": "elevacao()", "attr.data-tema": "tema() || null", "class.clicavel": "clicavel()" } }, ngImport: i0, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 15px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"])>.card{box-shadow:none;border:1px solid var(--sys-outline, #e0e0e0)}:host([data-elevacao=\"1\"])>.card{box-shadow:0 1px 4px #0000001f}:host([data-elevacao=\"2\"])>.card{box-shadow:0 3px 10px #00000026}:host([data-elevacao=\"3\"])>.card{box-shadow:0 8px 24px #0000002e}:host(.clicavel)>.card{cursor:pointer}:host(.clicavel)>.card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.card-content{padding:16px}:host([data-tema=\"primary\"])>.card{border-top:3px solid var(--sys-primary)}:host([data-tema=\"secondary\"])>.card{border-top:3px solid var(--sys-secondary)}:host([data-tema=\"success\"])>.card{border-top:3px solid var(--sys-success)}:host([data-tema=\"warning\"])>.card{border-top:3px solid var(--sys-warning)}:host([data-tema=\"error\"])>.card{border-top:3px solid var(--sys-error)}:host([data-tema=\"info\"])>.card{border-top:3px solid var(--sys-info)}:host([data-tema=\"high\"])>.card{border-top:3px solid var(--sys-high)}::ng-deep [slot=header]{padding:12px 16px 0;font-weight:600;font-size:1.05em}::ng-deep [slot=footer]{padding:8px 16px;border-top:1px solid var(--sys-outline, #eee)}::ng-deep [slot=media] img{width:100%;display:block;object-fit:cover}\n"] });
|
|
4642
4639
|
}
|
|
4643
4640
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiCard, decorators: [{
|
|
4644
4641
|
type: Component,
|
|
@@ -4646,7 +4643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
4646
4643
|
'[attr.data-elevacao]': 'elevacao()',
|
|
4647
4644
|
'[attr.data-tema]': 'tema() || null',
|
|
4648
4645
|
'[class.clicavel]': 'clicavel()',
|
|
4649
|
-
}, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 15px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"])
|
|
4646
|
+
}, template: "<div class=\"card\" (click)=\"clicked.emit($event)\">\n\t<ng-content select=\"[slot=media]\" />\n\t<ng-content select=\"[slot=header]\" />\n\t<div class=\"card-content\">\n\t\t<ng-content select=\"[slot=content]\" />\n\t\t<ng-content />\n\t</div>\n\t<ng-content select=\"[slot=footer]\" />\n</div>", styles: [":host{display:block}.card{background:var(--sys-surface, #fff);border-radius:var(--sys-border-radius, 15px);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}:host([data-elevacao=\"0\"])>.card{box-shadow:none;border:1px solid var(--sys-outline, #e0e0e0)}:host([data-elevacao=\"1\"])>.card{box-shadow:0 1px 4px #0000001f}:host([data-elevacao=\"2\"])>.card{box-shadow:0 3px 10px #00000026}:host([data-elevacao=\"3\"])>.card{box-shadow:0 8px 24px #0000002e}:host(.clicavel)>.card{cursor:pointer}:host(.clicavel)>.card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.card-content{padding:16px}:host([data-tema=\"primary\"])>.card{border-top:3px solid var(--sys-primary)}:host([data-tema=\"secondary\"])>.card{border-top:3px solid var(--sys-secondary)}:host([data-tema=\"success\"])>.card{border-top:3px solid var(--sys-success)}:host([data-tema=\"warning\"])>.card{border-top:3px solid var(--sys-warning)}:host([data-tema=\"error\"])>.card{border-top:3px solid var(--sys-error)}:host([data-tema=\"info\"])>.card{border-top:3px solid var(--sys-info)}:host([data-tema=\"high\"])>.card{border-top:3px solid var(--sys-high)}::ng-deep [slot=header]{padding:12px 16px 0;font-weight:600;font-size:1.05em}::ng-deep [slot=footer]{padding:8px 16px;border-top:1px solid var(--sys-outline, #eee)}::ng-deep [slot=media] img{width:100%;display:block;object-fit:cover}\n"] }]
|
|
4650
4647
|
}], propDecorators: { elevacao: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevacao", required: false }] }], clicavel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clicavel", required: false }] }], tema: [{ type: i0.Input, args: [{ isSignal: true, alias: "tema", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
4651
4648
|
|
|
4652
4649
|
class UiAvatar {
|
|
@@ -4970,12 +4967,11 @@ class UiToastService {
|
|
|
4970
4967
|
...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
|
|
4971
4968
|
show(config) {
|
|
4972
4969
|
const id = LibUtil.uuid();
|
|
4970
|
+
// duracao fica resolvida no proprio toast; o auto-ocultar e dirigido pelo
|
|
4971
|
+
// progresso animado no ui-toast-container (pausa no hover via animationend).
|
|
4973
4972
|
const duracao = config.duracao ?? 4000;
|
|
4974
|
-
const toast = { ...config, id };
|
|
4973
|
+
const toast = { ...config, id, duracao };
|
|
4975
4974
|
this.toasts.update(t => [...t, toast]);
|
|
4976
|
-
if (duracao > 0) {
|
|
4977
|
-
setTimeout(() => this.remove(id), duracao);
|
|
4978
|
-
}
|
|
4979
4975
|
return id;
|
|
4980
4976
|
}
|
|
4981
4977
|
success(mensagem, titulo, duracao = 4000) {
|
|
@@ -5007,11 +5003,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
5007
5003
|
class UiToastContainer {
|
|
5008
5004
|
toastService = inject(UiToastService);
|
|
5009
5005
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiToastContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5010
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiToastContainer, isStandalone: true, selector: "ui-toast-container", ngImport: i0, template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<button
|
|
5006
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: UiToastContainer, isStandalone: true, selector: "ui-toast-container", ngImport: i0, template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t@if(toast.duracao && toast.duracao > 0) {\n\t\t<div class=\"toast-progresso\" [style.animation-duration]=\"toast.duracao + 'ms'\"\n\t\t\t(animationend)=\"toastService.remove(toast.id)\"></div>\n\t\t}\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<ui-button tipo=\"icon\" tema=\"secondary\" class=\"toast-fechar\" (click)=\"toastService.remove(toast.id)\"\n\t\t\taria-label=\"Fechar\">\n\t\t\t<ui-icon name=\"x-lg\"></ui-icon>\n\t\t</ui-button>\n\t</div>\n\t}\n</div>", styles: [":host{display:contents}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--sys-border-radius, 15px);background:var(--sys-surface, #fff);box-shadow:0 4px 16px #0000002e;min-width:280px;max-width:420px;pointer-events:all;animation:toast-in .25s ease;border-left:4px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-progresso{position:absolute;inset:0;z-index:0;pointer-events:none;transform-origin:left center;transform:scaleX(0);background:color-mix(in srgb,var(--toast-cor, var(--sys-on-surface)) 16%,transparent);animation-name:toast-progresso;animation-timing-function:linear;animation-fill-mode:forwards;animation-duration:4s}.toast:hover .toast-progresso{animation-play-state:paused}@keyframes toast-progresso{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.toast-icone,.toast-body,.toast-fechar{position:relative;z-index:1}.toast[data-tipo=success]{border-left-color:var(--sys-success);--toast-cor: var(--sys-success)}.toast[data-tipo=error]{border-left-color:var(--sys-error);--toast-cor: var(--sys-error)}.toast[data-tipo=warning]{border-left-color:var(--sys-warning);--toast-cor: var(--sys-warning)}.toast[data-tipo=info]{border-left-color:var(--sys-info);--toast-cor: var(--sys-info)}.toast-icone{font-size:18px;flex-shrink:0;margin-top:1px}.toast[data-tipo=success] .toast-icone{color:var(--sys-success)}.toast[data-tipo=error] .toast-icone{color:var(--sys-error)}.toast[data-tipo=warning] .toast-icone{color:var(--sys-warning)}.toast[data-tipo=info] .toast-icone{color:var(--sys-info)}.toast-body{flex:1;display:flex;flex-direction:column;gap:2px}.toast-titulo{font-size:.9em}.toast-mensagem{font-size:.875em;opacity:.8}.toast-fechar{background:none;border:none;cursor:pointer;padding:0;font-size:16px;opacity:.45;line-height:1;color:inherit;flex-shrink:0;margin-top:1px}.toast-fechar:hover{opacity:.9}\n"], dependencies: [{ kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }, { kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeNome", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }] });
|
|
5011
5007
|
}
|
|
5012
5008
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: UiToastContainer, decorators: [{
|
|
5013
5009
|
type: Component,
|
|
5014
|
-
args: [{ selector: 'ui-toast-container', imports: [UiIcon], template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<button
|
|
5010
|
+
args: [{ selector: 'ui-toast-container', imports: [UiIcon, UiButton], template: "<div class=\"toast-stack\">\n\t@for(toast of toastService.toasts(); track toast.id) {\n\t<div class=\"toast\" [attr.data-tipo]=\"toast.tipo\" role=\"alert\">\n\t\t@if(toast.duracao && toast.duracao > 0) {\n\t\t<div class=\"toast-progresso\" [style.animation-duration]=\"toast.duracao + 'ms'\"\n\t\t\t(animationend)=\"toastService.remove(toast.id)\"></div>\n\t\t}\n\t\t<div class=\"toast-icone\">\n\t\t\t@switch(toast.tipo) {\n\t\t\t@case('success') { <ui-icon name=\"check-circle\"></ui-icon> }\n\t\t\t@case('error') { <ui-icon name=\"x-circle\"></ui-icon> }\n\t\t\t@case('warning') { <ui-icon name=\"exclamation-triangle\"></ui-icon> }\n\t\t\t@case('info') { <ui-icon name=\"info-circle\"></ui-icon> }\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"toast-body\">\n\t\t\t@if(toast.titulo) { <strong class=\"toast-titulo\">{{ toast.titulo }}</strong> }\n\t\t\t<span class=\"toast-mensagem\">{{ toast.mensagem }}</span>\n\t\t</div>\n\t\t<ui-button tipo=\"icon\" tema=\"secondary\" class=\"toast-fechar\" (click)=\"toastService.remove(toast.id)\"\n\t\t\taria-label=\"Fechar\">\n\t\t\t<ui-icon name=\"x-lg\"></ui-icon>\n\t\t</ui-button>\n\t</div>\n\t}\n</div>", styles: [":host{display:contents}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--sys-border-radius, 15px);background:var(--sys-surface, #fff);box-shadow:0 4px 16px #0000002e;min-width:280px;max-width:420px;pointer-events:all;animation:toast-in .25s ease;border-left:4px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-progresso{position:absolute;inset:0;z-index:0;pointer-events:none;transform-origin:left center;transform:scaleX(0);background:color-mix(in srgb,var(--toast-cor, var(--sys-on-surface)) 16%,transparent);animation-name:toast-progresso;animation-timing-function:linear;animation-fill-mode:forwards;animation-duration:4s}.toast:hover .toast-progresso{animation-play-state:paused}@keyframes toast-progresso{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.toast-icone,.toast-body,.toast-fechar{position:relative;z-index:1}.toast[data-tipo=success]{border-left-color:var(--sys-success);--toast-cor: var(--sys-success)}.toast[data-tipo=error]{border-left-color:var(--sys-error);--toast-cor: var(--sys-error)}.toast[data-tipo=warning]{border-left-color:var(--sys-warning);--toast-cor: var(--sys-warning)}.toast[data-tipo=info]{border-left-color:var(--sys-info);--toast-cor: var(--sys-info)}.toast-icone{font-size:18px;flex-shrink:0;margin-top:1px}.toast[data-tipo=success] .toast-icone{color:var(--sys-success)}.toast[data-tipo=error] .toast-icone{color:var(--sys-error)}.toast[data-tipo=warning] .toast-icone{color:var(--sys-warning)}.toast[data-tipo=info] .toast-icone{color:var(--sys-info)}.toast-body{flex:1;display:flex;flex-direction:column;gap:2px}.toast-titulo{font-size:.9em}.toast-mensagem{font-size:.875em;opacity:.8}.toast-fechar{background:none;border:none;cursor:pointer;padding:0;font-size:16px;opacity:.45;line-height:1;color:inherit;flex-shrink:0;margin-top:1px}.toast-fechar:hover{opacity:.9}\n"] }]
|
|
5015
5011
|
}] });
|
|
5016
5012
|
|
|
5017
5013
|
const MODAL_BOX_DATA = new InjectionToken('MODAL_BOX_DATA');
|
|
@@ -6128,11 +6124,11 @@ class FieldsMultifactor extends BaseFieldsForm {
|
|
|
6128
6124
|
ev.target?.select();
|
|
6129
6125
|
}
|
|
6130
6126
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsMultifactor, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6131
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FieldsMultifactor, isStandalone: true, selector: "fields-multifactor", viewQueries: [{ propertyName: "controle", first: true, predicate: ["controle"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius, 15px);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,
|
|
6127
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FieldsMultifactor, isStandalone: true, selector: "fields-multifactor", viewQueries: [{ propertyName: "controle", first: true, predicate: ["controle"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius, 15px);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,2.5rem);gap:.5rem;padding:5px;width:fit-content}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px;width:2.5rem}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
6132
6128
|
}
|
|
6133
6129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsMultifactor, decorators: [{
|
|
6134
6130
|
type: Component,
|
|
6135
|
-
args: [{ selector: 'fields-multifactor', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius, 15px);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,
|
|
6131
|
+
args: [{ selector: 'fields-multifactor', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius, 15px);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,2.5rem);gap:.5rem;padding:5px;width:fit-content}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px;width:2.5rem}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"] }]
|
|
6136
6132
|
}], ctorParameters: () => [], propDecorators: { controle: [{ type: i0.ViewChild, args: ['controle', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
6137
6133
|
|
|
6138
6134
|
class FieldsMultiText extends BaseFieldsForm {
|
|
@@ -6405,7 +6401,7 @@ class FieldsUpload extends BaseFieldsForm {
|
|
|
6405
6401
|
multiple = false;
|
|
6406
6402
|
inputFile = viewChild('inputFile', { ...(ngDevMode ? { debugName: "inputFile" } : /* istanbul ignore next */ {}), read: ElementRef });
|
|
6407
6403
|
acceptFormats = "";
|
|
6408
|
-
sobrepondo = signal(
|
|
6404
|
+
sobrepondo = signal(false, /* @ts-ignore */
|
|
6409
6405
|
...(ngDevMode ? [{ debugName: "sobrepondo" }] : /* istanbul ignore next */ []));
|
|
6410
6406
|
acceptFormatsShow = computed(() => {
|
|
6411
6407
|
return this.acceptFormats.split(',').map(ext => ext.trim().toUpperCase().slice(1)).join(', ');
|
|
@@ -6417,7 +6413,7 @@ class FieldsUpload extends BaseFieldsForm {
|
|
|
6417
6413
|
const val = this.value();
|
|
6418
6414
|
let empty = val === null || val === undefined || val === '';
|
|
6419
6415
|
this.updateCampo({ empty });
|
|
6420
|
-
this.sobrepondo.set(empty);
|
|
6416
|
+
this.sobrepondo.set(!empty);
|
|
6421
6417
|
});
|
|
6422
6418
|
}
|
|
6423
6419
|
ngOnInit() {
|
|
@@ -6529,11 +6525,11 @@ class FieldsUpload extends BaseFieldsForm {
|
|
|
6529
6525
|
}
|
|
6530
6526
|
}
|
|
6531
6527
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6532
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FieldsUpload, isStandalone: true, selector: "fields-upload", viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFile"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldUpload\">\n\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\n\t\t\t\t\t@if(filesList().length > 0) {\n\n\t\t\t\t\t<ui-
|
|
6528
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FieldsUpload, isStandalone: true, selector: "fields-upload", viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFile"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldUpload\">\n\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\n\t\t\t\t\t@if(filesList().length > 0) {\n\n\t\t\t\t\t<ui-micro-gallery [arquivos]=\"filesList()\" (remover)=\"onRemove($event)\"></ui-micro-gallery>\n\n\t\t\t\t\t} @else {\n\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\n\t\t\t\t\t\t<ui-icon name=\"cloud-upload\"></ui-icon>\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t}\n\t\t\t\t</ui-drop-zone>\n\n\t\t\t\t<div [style.display]=\"'none'\">\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t@if(acceptFormats){\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\n\t}\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius, 15px);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"], dependencies: [{ kind: "component", type: UiDropZone, selector: "ui-drop-zone", inputs: ["value", "disabled", "sobrepor"], outputs: ["valueChange", "clicked", "changed"] }, { kind: "component", type: UiMicroGallery, selector: "ui-micro-gallery", inputs: ["arquivos"], outputs: ["remover"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }] });
|
|
6533
6529
|
}
|
|
6534
6530
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FieldsUpload, decorators: [{
|
|
6535
6531
|
type: Component,
|
|
6536
|
-
args: [{ selector: 'fields-upload', imports: [UiDropZone,
|
|
6532
|
+
args: [{ selector: 'fields-upload', imports: [UiDropZone, UiMicroGallery, UiListErrors, UiIcon], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldUpload\">\n\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\n\t\t\t\t\t@if(filesList().length > 0) {\n\n\t\t\t\t\t<ui-micro-gallery [arquivos]=\"filesList()\" (remover)=\"onRemove($event)\"></ui-micro-gallery>\n\n\t\t\t\t\t} @else {\n\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\n\t\t\t\t\t\t<ui-icon name=\"cloud-upload\"></ui-icon>\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t}\n\t\t\t\t</ui-drop-zone>\n\n\t\t\t\t<div [style.display]=\"'none'\">\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t@if(acceptFormats){\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\n\t}\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius, 15px);height:100%;min-height:37px;outline:2px solid var(--sys-surface);background:var(--sys-surface)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius, 15px);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-surface);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius, 15px);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"] }]
|
|
6537
6533
|
}], ctorParameters: () => [], propDecorators: { inputFile: [{ type: i0.ViewChild, args: ['inputFile', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
6538
6534
|
|
|
6539
6535
|
class FieldsTime extends BaseFieldsForm {
|
|
@@ -6758,6 +6754,13 @@ class FormControls {
|
|
|
6758
6754
|
}, /* @ts-ignore */
|
|
6759
6755
|
...(ngDevMode ? [{ debugName: "valoresOrdenados" }] : /* istanbul ignore next */ []));
|
|
6760
6756
|
// CONTROLES
|
|
6757
|
+
abas = [
|
|
6758
|
+
{ k: 'controles', v: 'Controles' },
|
|
6759
|
+
{ k: 'valores', v: 'Valores' },
|
|
6760
|
+
{ k: 'erros', v: 'Erros' },
|
|
6761
|
+
];
|
|
6762
|
+
abaAtiva = signal('controles', /* @ts-ignore */
|
|
6763
|
+
...(ngDevMode ? [{ debugName: "abaAtiva" }] : /* istanbul ignore next */ []));
|
|
6761
6764
|
copiar() {
|
|
6762
6765
|
let values = LibUtil.formatJson(this.valoresOrdenados(), true);
|
|
6763
6766
|
LibUtil.copy(values);
|
|
@@ -6772,23 +6775,13 @@ class FormControls {
|
|
|
6772
6775
|
...(ngDevMode ? [{ debugName: "fullRequired" }] : /* istanbul ignore next */ []));
|
|
6773
6776
|
obrigatorio() {
|
|
6774
6777
|
this.fullRequired.set(!this.fullRequired());
|
|
6775
|
-
this.form().
|
|
6776
|
-
for (const key of Object.keys(c)) {
|
|
6777
|
-
c[key].need = this.fullRequired();
|
|
6778
|
-
}
|
|
6779
|
-
return c;
|
|
6780
|
-
});
|
|
6778
|
+
this.form().setAllCamposPartial({ need: this.fullRequired() });
|
|
6781
6779
|
}
|
|
6782
6780
|
fullPending = signal(false, /* @ts-ignore */
|
|
6783
6781
|
...(ngDevMode ? [{ debugName: "fullPending" }] : /* istanbul ignore next */ []));
|
|
6784
6782
|
pendentes() {
|
|
6785
6783
|
this.fullPending.set(!this.fullPending());
|
|
6786
|
-
this.form().
|
|
6787
|
-
for (const key of Object.keys(c)) {
|
|
6788
|
-
c[key].pending = this.fullPending();
|
|
6789
|
-
}
|
|
6790
|
-
return c;
|
|
6791
|
-
});
|
|
6784
|
+
this.form().setAllCamposPartial({ pending: this.fullPending() });
|
|
6792
6785
|
}
|
|
6793
6786
|
fullTouched = signal(false, /* @ts-ignore */
|
|
6794
6787
|
...(ngDevMode ? [{ debugName: "fullTouched" }] : /* istanbul ignore next */ []));
|
|
@@ -6796,15 +6789,9 @@ class FormControls {
|
|
|
6796
6789
|
this.fullTouched.set(!this.fullTouched());
|
|
6797
6790
|
this.form().setTouchedAll(this.fullTouched());
|
|
6798
6791
|
}
|
|
6799
|
-
forcarVazio() {
|
|
6800
|
-
this.form().setAllValuesTo('');
|
|
6801
|
-
}
|
|
6802
6792
|
setarValInicio() {
|
|
6803
6793
|
this.form().resetToStartValues();
|
|
6804
6794
|
}
|
|
6805
|
-
setarValRecebido() {
|
|
6806
|
-
this.form().updateValues(this.recebido());
|
|
6807
|
-
}
|
|
6808
6795
|
setOutline() {
|
|
6809
6796
|
this.hasOutline.set(!this.hasOutline());
|
|
6810
6797
|
this.form().showTouched.update(v => !v);
|
|
@@ -6818,11 +6805,6 @@ class FormControls {
|
|
|
6818
6805
|
async validar() {
|
|
6819
6806
|
await this.form().validar();
|
|
6820
6807
|
}
|
|
6821
|
-
showingErrors = signal(false, /* @ts-ignore */
|
|
6822
|
-
...(ngDevMode ? [{ debugName: "showingErrors" }] : /* istanbul ignore next */ []));
|
|
6823
|
-
changePreview() {
|
|
6824
|
-
this.showingErrors.set(!this.showingErrors());
|
|
6825
|
-
}
|
|
6826
6808
|
errorsSetted = signal(false, /* @ts-ignore */
|
|
6827
6809
|
...(ngDevMode ? [{ debugName: "errorsSetted" }] : /* istanbul ignore next */ []));
|
|
6828
6810
|
setErrorAll() {
|
|
@@ -6835,11 +6817,11 @@ class FormControls {
|
|
|
6835
6817
|
}
|
|
6836
6818
|
}
|
|
6837
6819
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FormControls, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6838
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FormControls, isStandalone: true, selector: "ui-form-controls", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, recebido: { classPropertyName: "recebido", publicName: "recebido", isSignal: true, isRequired: false, transformFunction: null }, hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null }, totalFases: { classPropertyName: "totalFases", publicName: "totalFases", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, ngImport: i0, template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<
|
|
6820
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FormControls, isStandalone: true, selector: "ui-form-controls", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, recebido: { classPropertyName: "recebido", publicName: "recebido", isSignal: true, isRequired: false, transformFunction: null }, hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null }, totalFases: { classPropertyName: "totalFases", publicName: "totalFases", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, ngImport: i0, template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<ui-card [elevacao]=\"3\">\n\t\t<div class=\"flex\">\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\n\t\t\t\t@if(totalFases() > 1){\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>A</div>\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>U</div>\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\n\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t<ui-icon name=\"ui-checks\" class=\"f-s-18\"></ui-icon>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\n\t\t\t\ttitle=\"Algum campo tocado\">\n\t\t\t\t<ui-icon name=\"hand-index-fill\" class=\"f-s-20\"></ui-icon>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\n\t\t\t\t<ui-icon name=\"check2-square\" class=\"f-s-20\"></ui-icon>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\n\t\t\t\ttitle=\"Estado de Enviado\">\n\t\t\t\t<ui-icon name=\"send-check\" class=\"f-s-18\"></ui-icon>\n\t\t\t</div>\n\t\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\n\t\t\t\t<ui-icon name=\"caret-down\"></ui-icon>\n\t\t\t</div>\n\t\t</div>\n\t</ui-card>\n\t@if(!colapsed()){\n\n\t<ui-tabs [abas]=\"abas\" [(ativa)]=\"abaAtiva\">\n\n\t\t@if ( abaAtiva() === 'valores') {\n\t\t<ui-card [elevacao]=\"3\" tema=\"high\">\n\t\t\t<div class=\"flex\">\n\t\t\t\t<div class=\"copyDados\">\n\t\t\t\t\tValor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})\n\t\t\t\t</div>\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"success\" (click)=\"copiar()\" iconeNome=\"copy\"\n\t\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\n\t\t\t</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\n\t\t</ui-card>\n\n\t\t} @else if( abaAtiva() === 'controles') {\n\t\t<ui-card [elevacao]=\"3\">\n\t\t\t<div class=\"f-s-e \">\n\t\t\t\t<ui-card tema=\"high\" [elevacao]=\"0\">\n\t\t\t\t\t<div class=\"f-s-e botoesPrincipais\">\n\t\t\t\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" (click)=\"sanitizar()\" iconeNome=\"eraser\"\n\t\t\t\t\t\t\ttitle=\"Sanitizar e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\n\t\t\t\t\t\t\tSanitizar\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" (click)=\"validar()\" iconeNome=\"ui-checks\"\n\t\t\t\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\n\t\t\t\t\t\t\tValidar\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t</div>\n\t\t\t\t</ui-card>\n\n\t\t\t\t<ui-card tema=\"warning\" [elevacao]=\"1\">\n\t\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"success\" (click)=\"onlyAvailable()\" iconeNome=\"power\"\n\t\t\t\t\t\t\ttitle=\"Filtra tamb\u00E9m quem est\u00E1 desabilitado.\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" (click)=\"setarValInicio()\" iconeNome=\"clock-rotate\"\n\t\t\t\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"tocados()\" [ativo]=\"fullTouched()\" iconeNome=\"hand-index-fill\"\n\t\t\t\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"desativados()\" [ativo]=\"fullDisabled()\" iconeNome=\"person-lock\"\n\t\t\t\t\t\t\t[title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" (click)=\"setErrorAll()\" [ativo]=\"form().listaErrors().length > 0\"\n\t\t\t\t\t\t\ticoneNome=\"exclamation-triangle\"\n\t\t\t\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"success\" (click)=\"setOutline()\" [ativo]=\"hasOutline()\" iconeNome=\"border-outer\"\n\t\t\t\t\t\t\t[title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\n\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"pendentes()\" [ativo]=\"fullPending()\" iconeNome=\"clock\"\n\t\t\t\t\t\t\t[title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"obrigatorio()\" [ativo]=\"fullRequired()\" iconeNome=\"asterisk\"\n\t\t\t\t\t\t\t[title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\n\t\t\t\t\t</div>\n\t\t\t\t</ui-card>\n\n\t\t\t</div>\n\t\t</ui-card>\n\n\t\t} @else if( abaAtiva() === 'erros') {\n\t\t<ui-card tema=\"error\" [elevacao]=\"3\">\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\n\t\t</ui-card>\n\t\t}\n\n\t</ui-tabs>\n\n\t}\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--sys-gap);margin-top:var(--sys-gap)}.barStatus{display:flex;flex-direction:row;gap:var(--sys-gap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--sys-gap)}.collapsed .formColtrols{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-surface) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.flex{display:flex;gap:var(--sys-gap)}.f-s-e{display:flex;flex-wrap:wrap;justify-content:space-evenly}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--sys-border-radius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse ui-icon{transition:.3s}.collapsed .barIcoCollapse ui-icon{transition:.3s;transform:rotate(180deg)}.copyDados{flex:1}.botoesPrincipais{display:flex;flex-wrap:wrap;gap:var(--sys-gap)}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeNome", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }, { kind: "component", type: UiCard, selector: "ui-card", inputs: ["elevacao", "clicavel", "tema"], outputs: ["clicked"] }, { kind: "component", type: UiTabs, selector: "ui-tabs", inputs: ["abas", "ativa", "tipo"], outputs: ["ativaChange", "changed"] }, { kind: "pipe", type: JsonColoridoPipe, name: "jsonColorido" }, { kind: "pipe", type: ClassOfPipe, name: "classOf" }] });
|
|
6839
6821
|
}
|
|
6840
6822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FormControls, decorators: [{
|
|
6841
6823
|
type: Component,
|
|
6842
|
-
args: [{ selector: 'ui-form-controls', imports: [UiButton, UiIcon, JsonColoridoPipe, ClassOfPipe], template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<
|
|
6824
|
+
args: [{ selector: 'ui-form-controls', imports: [UiButton, UiIcon, JsonColoridoPipe, ClassOfPipe, UiCard, UiTabs], template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<ui-card [elevacao]=\"3\">\n\t\t<div class=\"flex\">\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\n\t\t\t\t@if(totalFases() > 1){\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>A</div>\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>U</div>\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\n\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t<ui-icon name=\"ui-checks\" class=\"f-s-18\"></ui-icon>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\n\t\t\t\ttitle=\"Algum campo tocado\">\n\t\t\t\t<ui-icon name=\"hand-index-fill\" class=\"f-s-20\"></ui-icon>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\n\t\t\t\t<ui-icon name=\"check2-square\" class=\"f-s-20\"></ui-icon>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\n\t\t\t\ttitle=\"Estado de Enviado\">\n\t\t\t\t<ui-icon name=\"send-check\" class=\"f-s-18\"></ui-icon>\n\t\t\t</div>\n\t\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\n\t\t\t\t<ui-icon name=\"caret-down\"></ui-icon>\n\t\t\t</div>\n\t\t</div>\n\t</ui-card>\n\t@if(!colapsed()){\n\n\t<ui-tabs [abas]=\"abas\" [(ativa)]=\"abaAtiva\">\n\n\t\t@if ( abaAtiva() === 'valores') {\n\t\t<ui-card [elevacao]=\"3\" tema=\"high\">\n\t\t\t<div class=\"flex\">\n\t\t\t\t<div class=\"copyDados\">\n\t\t\t\t\tValor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})\n\t\t\t\t</div>\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"success\" (click)=\"copiar()\" iconeNome=\"copy\"\n\t\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\n\t\t\t</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\n\t\t</ui-card>\n\n\t\t} @else if( abaAtiva() === 'controles') {\n\t\t<ui-card [elevacao]=\"3\">\n\t\t\t<div class=\"f-s-e \">\n\t\t\t\t<ui-card tema=\"high\" [elevacao]=\"0\">\n\t\t\t\t\t<div class=\"f-s-e botoesPrincipais\">\n\t\t\t\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" (click)=\"sanitizar()\" iconeNome=\"eraser\"\n\t\t\t\t\t\t\ttitle=\"Sanitizar e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\n\t\t\t\t\t\t\tSanitizar\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" (click)=\"validar()\" iconeNome=\"ui-checks\"\n\t\t\t\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\n\t\t\t\t\t\t\tValidar\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t</div>\n\t\t\t\t</ui-card>\n\n\t\t\t\t<ui-card tema=\"warning\" [elevacao]=\"1\">\n\t\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"success\" (click)=\"onlyAvailable()\" iconeNome=\"power\"\n\t\t\t\t\t\t\ttitle=\"Filtra tamb\u00E9m quem est\u00E1 desabilitado.\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" (click)=\"setarValInicio()\" iconeNome=\"clock-rotate\"\n\t\t\t\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"tocados()\" [ativo]=\"fullTouched()\" iconeNome=\"hand-index-fill\"\n\t\t\t\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"desativados()\" [ativo]=\"fullDisabled()\" iconeNome=\"person-lock\"\n\t\t\t\t\t\t\t[title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" (click)=\"setErrorAll()\" [ativo]=\"form().listaErrors().length > 0\"\n\t\t\t\t\t\t\ticoneNome=\"exclamation-triangle\"\n\t\t\t\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"success\" (click)=\"setOutline()\" [ativo]=\"hasOutline()\" iconeNome=\"border-outer\"\n\t\t\t\t\t\t\t[title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\n\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"pendentes()\" [ativo]=\"fullPending()\" iconeNome=\"clock\"\n\t\t\t\t\t\t\t[title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\n\t\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"info\" (click)=\"obrigatorio()\" [ativo]=\"fullRequired()\" iconeNome=\"asterisk\"\n\t\t\t\t\t\t\t[title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\n\t\t\t\t\t</div>\n\t\t\t\t</ui-card>\n\n\t\t\t</div>\n\t\t</ui-card>\n\n\t\t} @else if( abaAtiva() === 'erros') {\n\t\t<ui-card tema=\"error\" [elevacao]=\"3\">\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\n\t\t</ui-card>\n\t\t}\n\n\t</ui-tabs>\n\n\t}\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--sys-gap);margin-top:var(--sys-gap)}.barStatus{display:flex;flex-direction:row;gap:var(--sys-gap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--sys-gap)}.collapsed .formColtrols{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-surface) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.flex{display:flex;gap:var(--sys-gap)}.f-s-e{display:flex;flex-wrap:wrap;justify-content:space-evenly}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--sys-border-radius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse ui-icon{transition:.3s}.collapsed .barIcoCollapse ui-icon{transition:.3s;transform:rotate(180deg)}.copyDados{flex:1}.botoesPrincipais{display:flex;flex-wrap:wrap;gap:var(--sys-gap)}\n"] }]
|
|
6843
6825
|
}], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], recebido: [{ type: i0.Input, args: [{ isSignal: true, alias: "recebido", required: false }] }], hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], faseIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "faseIndex", required: false }] }], totalFases: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalFases", required: false }] }] } });
|
|
6844
6826
|
|
|
6845
6827
|
class FormFilter extends BaseFieldsValues {
|
|
@@ -7081,7 +7063,7 @@ class FormAction extends BaseFieldsValues {
|
|
|
7081
7063
|
if (this.taskTocar()) {
|
|
7082
7064
|
this.tasksToSave.update(tasks => [...tasks, {
|
|
7083
7065
|
title: 'Tocando campos',
|
|
7084
|
-
iconeNome: '
|
|
7066
|
+
iconeNome: 'hand-index-fill',
|
|
7085
7067
|
task: async () => {
|
|
7086
7068
|
this.form.setTouchedAll(true);
|
|
7087
7069
|
return { s: true, m: 'Tocando campos concluído' };
|
|
@@ -7209,11 +7191,11 @@ class FormAction extends BaseFieldsValues {
|
|
|
7209
7191
|
this.updateDisabledAction();
|
|
7210
7192
|
}
|
|
7211
7193
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FormAction, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7212
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FormAction, isStandalone: true, selector: "fields-form-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null }, sendValues: { classPropertyName: "sendValues", publicName: "sendValues", isSignal: true, isRequired: false, transformFunction: null }, taskTocar: { classPropertyName: "taskTocar", publicName: "taskTocar", isSignal: true, isRequired: false, transformFunction: null }, taskSanitizar: { classPropertyName: "taskSanitizar", publicName: "taskSanitizar", isSignal: true, isRequired: false, transformFunction: null }, taskDisponiveis: { classPropertyName: "taskDisponiveis", publicName: "taskDisponiveis", isSignal: true, isRequired: false, transformFunction: null }, taskValidar: { classPropertyName: "taskValidar", publicName: "taskValidar", isSignal: true, isRequired: false, transformFunction: null }, taskEnviar: { classPropertyName: "taskEnviar", publicName: "taskEnviar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", sending: "sending", done: "done" }, usesInheritance: true, ngImport: i0, template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t@if(task.iconeNome) {\n\t\t\t<ui-icon [name]=\"task.iconeNome\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></ui-icon>\n\t\t\t} @else if(task.icone) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeNome", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }, { kind: "component", type: FormFase, selector: "ui-form-fase", inputs: ["fases", "campos", "faseIndex"], outputs: ["fasesChange", "faseIndexChange"] }, { kind: "component", type: UiLoading, selector: "ui-loading", inputs: ["value", "bufferValue", "mode"] }] });
|
|
7194
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: FormAction, isStandalone: true, selector: "fields-form-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null }, sendValues: { classPropertyName: "sendValues", publicName: "sendValues", isSignal: true, isRequired: false, transformFunction: null }, taskTocar: { classPropertyName: "taskTocar", publicName: "taskTocar", isSignal: true, isRequired: false, transformFunction: null }, taskSanitizar: { classPropertyName: "taskSanitizar", publicName: "taskSanitizar", isSignal: true, isRequired: false, transformFunction: null }, taskDisponiveis: { classPropertyName: "taskDisponiveis", publicName: "taskDisponiveis", isSignal: true, isRequired: false, transformFunction: null }, taskValidar: { classPropertyName: "taskValidar", publicName: "taskValidar", isSignal: true, isRequired: false, transformFunction: null }, taskEnviar: { classPropertyName: "taskEnviar", publicName: "taskEnviar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", sending: "sending", done: "done" }, usesInheritance: true, ngImport: i0, template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t@if(task.iconeNome) {\n\t\t\t<ui-icon [name]=\"task.iconeNome\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></ui-icon>\n\t\t\t} @else if(task.icone) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.f-1{flex:1}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeNome", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiIcon, selector: "ui-icon", inputs: ["name"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }, { kind: "component", type: FormFase, selector: "ui-form-fase", inputs: ["fases", "campos", "faseIndex"], outputs: ["fasesChange", "faseIndexChange"] }, { kind: "component", type: UiLoading, selector: "ui-loading", inputs: ["value", "bufferValue", "mode"] }] });
|
|
7213
7195
|
}
|
|
7214
7196
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FormAction, decorators: [{
|
|
7215
7197
|
type: Component,
|
|
7216
|
-
args: [{ selector: 'fields-form-action', imports: [UiButton, UiIcon, FieldsGeneric, FormControls, FormFase, UiLoading], template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t@if(task.iconeNome) {\n\t\t\t<ui-icon [name]=\"task.iconeNome\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></ui-icon>\n\t\t\t} @else if(task.icone) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
|
|
7198
|
+
args: [{ selector: 'fields-form-action', imports: [UiButton, UiIcon, FieldsGeneric, FormControls, FormFase, UiLoading], template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t@if(task.iconeNome) {\n\t\t\t<ui-icon [name]=\"task.iconeNome\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></ui-icon>\n\t\t\t} @else if(task.icone) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.f-1{flex:1}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
|
|
7217
7199
|
}], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], actionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTitle", required: false }] }], sendValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendValues", required: false }] }], sending: [{ type: i0.Output, args: ["sending"] }], done: [{ type: i0.Output, args: ["done"] }], taskTocar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskTocar", required: false }] }], taskSanitizar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskSanitizar", required: false }] }], taskDisponiveis: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskDisponiveis", required: false }] }], taskValidar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskValidar", required: false }] }], taskEnviar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskEnviar", required: false }] }] } });
|
|
7218
7200
|
|
|
7219
7201
|
class FormNoAction extends BaseFieldsValues {
|